使用copy-webpack-plugin构建系统的配置文件

问题

早先项目的配置信息比较少，所以直接由开发人员在代码层面维护修改，随着用户需求变多需要配置的东西越来越多，维护起来相当不方便，遂将配置信息放入统一配置文件中，即方便开发人员维护，也有利于后期拓展。

解决办法

最先直接弄了一个configs.json文件统一管理配置信息，但是打包之后，配置文件会被压缩至chunk中无法直接修改，如果配置信息有问题，就需要修改配置文件再次打包，非常浪费时间。后面看到项目webpack配置文件中有使用copy-webpack-plugin直接复制文件到指定目录下，所以网上找了找CopyWebpackPlugin插件的资料，依样画葫芦，改成了如下配置后，可直接在打包后文件中修改configs.json。

const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')
plugins: [
  // ...其他插件

  // 复制版本json文件至dist目录
    new CopyWebpackPlugin([{
    
    
      from: path.resolve(__dirname, '../static/configs.json'),
      to: path.resolve(__dirname, '../dist')
    }])
]

参考

CopyWebpackPlugin