webpack 打包图标等文件与index.html同级的配置

起因:

   项目开发过程中,需要在根目录下配置一个iOS包的文件,这个文件只能在根目录下访问,就需要将这个文件打包后放在根目录中,通常我们使用webpack-cli 进行项目打包,会打包一个文件夹,然后包含页面与资源,如下图

static 文件夹包含了css,js,静态资源文件等等。

webpack 打包图标等文件与index.html同级的配置_第1张图片

如果我们想在打包后将某个文件与index.html并级,应该如何配置呢?

配置方法:

找到项目的webpack配置项,build文件夹,webpack.dev.config.js  ,找到CopyWebpackPlugin,添加对应的资源文件


webpack 打包图标等文件与index.html同级的配置_第2张图片

其中, 

assetsSubDirectory 表示将 static文件夹打包到assetsSubDirectory对应的位置
assetsRoot 表示将apple-app-site-association这个文件打包到assetsRoot,也就是根目录下,与index.html 同级

你可能感兴趣的:(前端)