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

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

开始配置webpack

安装依赖npm i copy-webpack-plugin -s 引入依赖需要在webpack配置文件中引用并配置。需要手动在根目录下创建webpack.config.js

//创建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，其他未测试

参考文章

评论可见，请评论后查看内容，谢谢！！！

您阅读本篇文章共花了：

金钥匙