1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > webpack配置指定文件不打包

webpack配置指定文件不打包

时间:2020-12-26 13:23:09

相关推荐

webpack配置指定文件不打包

引言

在打包配置时,会有一些需求是指定某些文件夹下的某些文件指定不打包压缩的,经过学习,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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。