webpack打包复制文件插件 -- copy-webpack-plugin

在离线应用中，前端所有文件都需在在本地，有些文件（比如iconFont)需要转为离线文件，这些文件可以直接引用更方便些，这就需要在打包时直接复制到打包文件下。

前端的文件复制让人直接联想到node的fs，可以在打包时调用文件复制方法，当然webpack提供一款插件来解决这一问题：copy-webpack-plugin。

安装插件：

cnpm i copy-webpack-plugin -D 
/* 或 */
npm i copy-webpack-plugin --save-dev

使用方法：

const CopyWebpackPlugin = require('copy-webpack-plugin')

const config = {
  plugins: [
    new CopyWebpackPlugin([ ...patterns ], options)
  ]
}

实例：

webpack.config.js

      new CopyWebpackPlugin(
        [{ from: 'iconfont', to: 'iconfont' }], 
        { ignore: [], copyUnmodified: true }
      ),

copy-webpack-plugin参考文档