webpack 之 緩存處理

針對 這里 的所提到的觀點，如果webpack每次都生成相同名字的bundle.js，會導致問題。這里使用webpack的文件hash功能來解決，簡簡單單地為輸出文件添加一個“[hash]”即可。

// 配置文件
module.exports = {
    entry:  [__dirname + "/main.js"],
    output: {
        path: __dirname + "/dist",
        filename: "bundle-[hash].js",
    },
}

//main.js
require('./index');

//index.js
alert(123);

運行生成文件如下：

如果把index.js中的 alert(123) ； 改為 alert(1233)，因為內容已經發生變化，就會生成不同的文件，同時上次舊的文件也會依然存在：

現在又出現一個問題，文件名字都不同了，我開發的時候到底該怎么引入呢？答案是使用  HtmlWebpackPlugin 插件。

 還有一個問題，如果多次修改，多次打包，舊的文件每次殘留，會越來越多。如果想把沒用的刪除掉，可以使用 CleanWebpackPlugin 插件