21 / 07 / 18

『webpack』基础篇 - 自动清理构建目录产物

当前构建时的问题

每次构建的时候不会清理目录,造成构建的输出目录output文件越来越多

解决方法

一. 通过 npm script清理构建目录
rm -rf ./dist && webpack // 或者 rimraf ./dist && webpack
二. 自动清理构建目录

clean-webpack-plugin

  • 安装
npm i clean-webpack-plugin -D

webpack.config.js

module.exports = { plugins: [ new CleanWebpackPlugin() ] }