# 输出文件名
浏览器每次加载 JS 文件时都会缓存文件,同名的文件即使服务器修改了内容,但浏览器因为和之前同名,也不会加载最新修改的文件而是使用之前缓存的旧文件。
为了能够让浏览器每次加载最新修改过的打包文件,我们应该让每次打包之后生成的文件有一个不同的名字。
输出文件名三种形式:
1. 固定的名字:不推荐,如 `filename: 'index_bundle.js'`
2. 和输入文件名相关,使用 `filename: '[name].bundle.js'` ,[name] 部分就是输入文件的名字
3. 使用内部 id,`filename: '[id].bundle.js'`
4. 由内容生成的 hash , `filename: '[contenthash].bundle.js'` ,内容改变时文件名改变,可以限制生成的文件名的长度: `filename: '[contenthash:8].bundle.js'`
5. 当前 chunk 的 hash 值, `filename: '[chunkhash].bundle.js'`