码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-20 20:06:25      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:plugins   输出   解构   plugin   版权   rom   web   pac   banner   

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前面加入这一字符串
}

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

标签:plugins   输出   解构   plugin   版权   rom   web   pac   banner   

原文地址:https://www.cnblogs.com/Arohaa/p/12534241.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!