webpack 打包后与index.html同级文件的配置
起因:
项目开发过程中,需要在根目录下配置一个iOS包的文件,这个文件只能在根目录下访问,就需要将这个文件打包后放在根目录中,通常我们使用webpack-cli 进行项目打包,会打包一个文件夹,然后包含页面与资源,如下图
static 文件夹包含了css,js,静态资源文件等等。
如果我们想在打包后将某个文件与index.html并级,应该如何配置呢?
配置方法:
找到项目的webpack配置项,build文件夹,webpack.dev.config.js ,找到CopyWebpackPlugin,添加对应的资源文件
其中,
assetsSubDirectory 表示将 static文件夹打包到assetsSubDirectory对应的位置
assetsRoot 表示将apple-app-site-association这个文件打包到assetsRoot,也就是根目录下,与index.html 同级