webpack中删除指定文件--clean-webpack-plugin

责编:menVScode 2018-03-13 16:23 阅读(916)

在webpack中打包生成的文件会覆盖之前的文件,不过生成文件的时候文件名加了hash之后会每次都生成不一样的文件,这就会很麻烦,不但会生成很多冗余的文件,还很难搞清楚到底是哪个文件,这就需要引入该插件 clean-webpack-plugin。

安装

npm install –save-dev clean-webpack-plugin

例子

var CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
    plugins: [
        new CleanWebpackPlugin(['dist','build'],{ // 他会删除dist、build的文件夹,而不是根据生成的文件来删除对应的文件
            root:__dirname,             verbose: true,             dry: false,             exclude: ['shared.js']         })     ] }

语法

new CleanWebpackPlugin(paths [, {options}])

paths (必须)

一个数组,数组的每一个元素为要删除的路径。

Options

{
    "root":"[webpack.config的地址]", // 一个根的绝对路径.
    "verbose": true, // 开启在控制台输出信息
    "dry": false, // 不要删除任何东西,主要用于测试.
    "exclude": ["files","to","ignore"] // 排除不删除的目录,主要用于避免删除公用的文件
}
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码