将单个文件或整个目录复制到构建目录

安装

npm install copy-webpack-plugin --save-dev

const CopyPlugin = require('copy-webpack-plugin');
 
module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: 'source', to: 'dest' },
        { from: 'other', to: 'public' },
      ],
    }),
  ],
};

在webpack中的配置:

webpack 拷贝插件copy-webpack-plugin

 

 copy-webpack-plugin 并非旨在复制从构建过程中生成的文件,而是在构建过程中复制源树中已经存在的文件。如果需要webpack-dev-server在开发过程中将文件

写入输出目录,则可以使用writeToDisk选项或强制执行write-file-webpack-plugin

globOptions

允许配置插件使用的全局模式匹配库,查看支持的选项列表要从选择中排除文件,应使用globOptions.ignore选项

 

 

 

参考https://www.npmjs.com/package/copy-webpack-plugin

分类:

技术点:

相关文章: