webpack清理 /dist 文件夹

清理 /dist 文件夹
你可能已经注意到，由于遗留了之前的指南和代码示例，我们的 /dist 文件夹显得相当杂乱。webpack 将生成文件并放置在 /dist 文件夹中，但是它不会追踪哪些文件是实际在项目中用到的。
通常比较推荐的做法是，在每次构建前清理 /dist 文件夹，这样只会生成用到的文件。让我们实现这个需求。

clean-webpack-plugin 是一个流行的清理插件，安装和配置它。
npm install --save-dev clean-webpack-plugin
webpack.config.js
const path = require(‘path’);

• const CleanWebpackPlugin = require(‘clean-webpack-plugin’);

  module.exports = {
  entry: {
  app: ‘./src/index.js’
  },
  plugins: [

  • new CleanWebpackPlugin()
    

  ],
  output: {
  filename: ‘[name].bundle.js’,
  path: path.resolve(__dirname, ‘dist’)
  }
  };
  现在，执行 npm run build，检查 /dist 文件夹。如果一切顺利，现在只会看到构建后生成的文件，而没有旧文件！