1.copy-webpack-plugin作用
作用:将已存在的单个文件或整个目录复制到构建目录、用于部署文件的插件。
2.使用与配置
1. 安装:npm i copy-webpack-plugin -D
2. 导入:
const CopyPlugin = require("copy-webpack-plugin")3. 配置:会被打包在 build 文件夹下
new CopyPlugin({
patterns:[
from: 'public',
to: './copyto'
]
})4.效果:

5. patterns -> globOptions -> ignore 选项可以忽略一些文件不被复制:

此时不会复制 index.html 文件,即使新建另一个文件夹也不会,因为 ignore 已经配置好了 **/任何路径下的都会被 ignore

3. mode devtool
配置完这些属性,简单常见的 webpack 就算配置完了
mode: "development", // 开发阶段使用,生产阶段 production
devtool: "source-map", // 方便代码调试版权声明:本文为m0_66492535原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。