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

webpack之clean-webpack-plugin报错

时间:2020-02-01 14:12:30      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:file   http   报错   gem   try   index   man   https   改变   

参考:https://www.cnblogs.com/PasserByOne/p/12084323.html

clean-webpack-plugin新版使用中报错

技术图片

 

 技术图片

由于之前代码示例都被遗留下来,导致/dist 文件夹相当杂乱。由于配置的改变,webpack 会生成新的文件放置在 /dist 文件夹中,但是 webpack 无法追踪到哪些文件是实际在项目中用到的。

通常,在每次构建前清理 /dist 文件夹,是比较推荐的做法,需要借助clean-webpack-plugin。

1. 安装

npm install clean-webpack-plugin --save-dev

2. 配置文件

 1 const path = require(‘path‘);
 2   const HtmlWebpackPlugin = require(‘html-webpack-plugin‘);
 3 + const { CleanWebpackPlugin } = require(‘clean-webpack-plugin‘);
 4 
 5   module.exports = {
 6     entry: {
 7       app: ‘./src/index.js‘,
 8       print: ‘./src/print.js‘
 9     },
10     plugins: [
11 +     new CleanWebpackPlugin(),
12       new HtmlWebpackPlugin({
13         title: ‘Output Management‘
14       })
15     ],
16     output: {
17       filename: ‘[name].bundle.js‘,
18       path: path.resolve(__dirname, ‘dist‘)
19     }
20   };

 

webpack之clean-webpack-plugin报错

标签:file   http   报错   gem   try   index   man   https   改变   

原文地址:https://www.cnblogs.com/ceceliahappycoding/p/12248143.html

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