webpack学习记录-小插件应用

Posted 2021-03-04 arohaa

webpack学习记录(九)-小插件应用

clean-webpack-plugin

每次输出之前先删除之前的目录，即每次输出都是最新的打包文件

安装及配置

npm i clean-webpack-plugin -D

// 注意该插件引入方式需要用解构赋值才有效
const {CleanWebpackPlugin} = require('clean-webpack-plugin')

module.exports = {
    plugins: [
        new CleanWebpackPlugin()
    ]
}

copy-webpack-plugin

拷贝文件到输出目录

安装及配置

npm i copy-webpack-plugin -D

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

module.exports = {
    new CopyWebpackPlugin([
        {from: './doc', to: './'}   //doc为你需要拷贝的文件目录，./代表拷贝到输出目录下
    ])
}

bannerPlugin

webpack内置的插件，用来声明版权

安装及配置

const webpack = require('webpack')

module.exports = {
    new webpack.BannerPlugin('made by somebody') //参数为字符串，会在所有js前面加入这一字符串
}