引言
在打包配置时,会有一些需求是指定某些文件夹下的某些文件指定不打包压缩的,经过学习,webpack的CopyWebpackPlugin可以帮助我们解决整个问题,下面介绍一下制定流程:
1.npm安装webpack的插件copy-webpack-plugin(有的在初始化项目可能有安装,可以先在package.json上查看是有copy-webpack-plugin有版本信息。)
2 命令cnpm install --save-dev copy-webpack-plugin
3 在在项目下新建一个文件夹用于存储不想被打包编译的文件,例如:’demo‘,demo文件下放入不需要编译的文件
4 修改webpack配置文件(打开build文件夹下的webpack.prod.conf.js文件)
const CopyWebpackPlugin = require('copy-webpack-plugin');new CopyWebpackPlugin([{from: path.resolve(__dirname, '../static'),to: './static',ignore: ['.*']},{from: path.resolve(__dirname, '../demo'),to: './demo',ignore: ['.*']}])
备注:
from:引入某个文件夹下的文件
to:放到指定的目录下
更多配置相关可查看:/package/copy-webpack-plugin