html-webpack-plugin打包js，使用了hash，每次打包都会生成新的js。如何删除老的？

Question

每打包一次都会生成一份新的js。 要如何删除老的？

Answer 1

使用 clean-webpack-plugin 可以清空 dist 目录下的文件。

安装

cnpm install clean-webpack-plugin --save-dev

配置

箭头处是你需要配置的内容

  const path = require('path');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
->const CleanWebpackPlugin = require('clean-webpack-plugin' );

  module.exports = {
    entry: {
      app: './src/index.js',
      print: './src/print.js'
    },
    plugins: [
->    new CleanWebpackPlugin(['dist']),
      new HtmlWebpackPlugin({
        title: 'Output Management'
      })
    ],
    output: {
      filename: '[name].bundle.js',
      path: path.resolve(__dirname, 'dist')
    }
  };

文档

点击查看文档详细内容 webpack文档--文件夹清理