打包前清理旧内容

清理以前的打包文件

这一点在webpack很容易就能实现，通过在output里面配置一个clean属性设置为true就可以了。

const path = require("path");

module.exports = {
  entry: {
    index: "/src/index.js",
    print: "/src/print.js",
  },
  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist"),
+    clean: true,
  },
};

我们先按上面的配置文件打包，然后我们把filename修改成如下，再次打包，发现之前打包的内容先被删除，然后新的打包文件产生。

const path = require("path");

module.exports = {
  entry: {
    index: "/src/index.js",
    print: "/src/print.js",
  },
  output: {
-    filename: "[name].bundle.js",
+    filename: "[name].[contenthash].bundle.js",
    path: path.resolve(__dirname, "dist"),
    clean: true,
  },
};