问题
早先项目的配置信息比较少,所以直接由开发人员在代码层面维护修改,随着用户需求变多需要配置的东西越来越多,维护起来相当不方便,遂将配置信息放入统一配置文件中,即方便开发人员维护,也有利于后期拓展。
解决办法
最先直接弄了一个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')
}])
]