配置webpack 设置不打包文件，实现配置文件修改不重复打包，亲测好用

在static文件夹新建config.json文件（以后用于修改的配置文件）将想要的数据放入其中

开始配置webpack   

1. 安装依赖
   npm i copy-webpack-plugin -s

2. 引入依赖
   需要在webpack配置文件中引用并配置。需要手动在根目录下创建webpack.config.js

 

1. //创建webpack.config.js
   const CopyWebpackPlugin = require('copy-webpack-plugin')
   
   
   //当使用webpack打包的时候，webpack会自动去项目根目录下寻找webpack.config.js这个配置文件，加载里面的配置，根据配置选项进行打包
   module.exports = {
      plugins:[
              new CopyWebpackPlugin([
                  {
                      from: resolve(__dirname, './static'), // 不打包直接输出的文件
                      to: 'static', // 打包后静态文件放置位置
                      ignore: ['.*'] // 忽略规则。（这种写法表示将该文件夹下的所有文件都复制）
                  }
              ]),
          ]
   }

   修改完成后，在main.js，将你的配置文件引入，注意不要使用require或者import的方式引入文件，否则该文件就会参与打包，从而使打包后修改配置的操作失效。可以通过http请求静态资源的方式，如下例

静态访问可以规避 ，本文件暂只针对H5，其他未测试