這是一篇webpack4配置的系列文章,推薦從頭開始看起
1.初始化
2.關(guān)于執(zhí)行環(huán)境process.env.NODE_ENV
3.設(shè)置mode和sourceMap
4.加載css, scss文件,以及樣式抽離
5.加載圖片等文件
6.html-webpack-plugin插件
7.單vue文件的加載,以及babel的使用
8.配置devServer服務(wù)器,熱更新,前端跨域代理
9.設(shè)置目錄別名
10.css樣式前綴自動補全
11.public公共靜態(tài)資源目錄拷貝
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(),
],
};