Webpackwebpack学习vue2+webpack

webpack4配置vue项目----12.清理dist目录

2019-11-21  本文已影响0人  花拾superzay

这是一篇webpack4配置的系列文章,推荐从头开始看起
1.初始化
2.关于执行环境process.env.NODE_ENV
3.设置mode和sourceMap
4.加载css, scss文件,以及样式抽离
5.加载图片等文件
6.html-webpack-plugin插件
7.单vue文件的加载,以及babel的使用
8.配置devServer服务器,热更新,前端跨域代理
9.设置目录别名
10.css样式前缀自动补全
11.public公共静态资源目录拷贝
12.清理dist目录

安装clean-webpack-plugin插件(当前版本3.0.0)

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

webpack.config.js添加如下配置

const {CleanWebpackPlugin} = require('clean-webpack-plugin');

module.exports = {  
    plugins: [
        new CleanWebpackPlugin(),
    ],
};
上一篇下一篇

猜你喜欢

热点阅读