美文网首页
webpack4个人学习详细笔记(九)--常用的webpack插

webpack4个人学习详细笔记(九)--常用的webpack插

作者: gem_Y | 来源:发表于2020-03-29 21:45 被阅读0次
  1. clean-webpack-plugin
  2. copy-webpack-plugin
  3. bannerPlugin --内置
yarn add cleanWebpackPlugin copyWebpackPlugin -D
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const copyWebpackPlugin = require('copy-webpack-plugin')
const webpack = require('webpack')

  plugins: [
    new CleanWebpackPlugin({
      cleanAfterEveryBuildPatterns: ['dist']  // 打包前 清除dist文件
    }),
    new copyWebpackPlugin([
      { from: 'gemfolder', to: './'} // 把gemfolder文件夹下的文件拷贝到dist目录下
    ]),
    new webpack.BannerPlugin('make by gemma 2020/03/29') // 给每个打包文件的头部添加版权
  ],

相关文章

网友评论

      本文标题:webpack4个人学习详细笔记(九)--常用的webpack插

      本文链接:https://www.haomeiwen.com/subject/iprpuhtx.html