08_webpack_copy-webpack-plugin复制插件

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", // 方便代码调试

去 webpack官方文档 学习更多吧


版权声明:本文为m0_66492535原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。