>[success] # 文件指紋 1. 在 `loader` 圖片和字體章節中使用**文件指紋**,不僅在圖片重命名時候可以使用，在出口文件命名的時候也可以使用**文件指紋** ~~~ output: { path: path.resolve(__dirname,'dist'), filename: '[name][chunkhash:8].js' }, ~~~ 2. **文件指紋**的應用場景是在項目打包時候，為了實現增量發布，我們一般都會對靜態資源加上`md5`的文件后綴，保證每次發布的文件都沒有緩存，同時對于未修改文件，不會受發布的影響，最大程度**利用緩存**。 3. 對于一些哈希值含義講解 * `hash`：整個項目的構建相關，當有文件修改，整個項目構建的hash值就會更新。 * `chunkhash`：和webpack打包的chunk相關，不同的entry會生成不同chunkhash，一般用于js的打包。 * `contenthash`：根據文件內容來定義hash，文件內容不變，contenthash不變。例如 css的打包，由于 修改js或html文件，但是沒有修改引入的css樣式時，文件不需要生成新的哈希值，所以可適用于css的打包。 因此命名規則一般 ~~~ // 項目級別，有任一地方改動 則哈希值都會發生變化 // filename: '[name]-[hash].bundle.css' // 同一路打包的文件 hash值都是相同的 控制更精確 // filename: '[name]-[chunkhash].bundle.css' // 根據輸出文件的內容生成的hash值 解決緩存問題的 -- '最好方式' // 可以在哈希末尾配置哈希值的長度 // filename: '[name]-[contenthash:8].bundle.css' ~~~  >[danger] ##### 更多 * 使用了md5指紋之后發現每次打包還是會發生變化？ 這是由于webpack的處理機制導致的，webpack每次打包會把每個模塊的配置信息 如文件名、文件順序、文件md5等信息作為配置打入js中，以便于其進行模塊管理，而這部內容，每次打包都有可能發生變化，導致整個js文件名每次都會發生變化。 webpack提供了一個 manifest 的機制來剝出這個配置文件。我們需要使用CommonsChunkPlugin 來將其剝離，同時使用 chunk-manifest-webpack-plugin 讀取其內容導出另外一個文件，防止其內容變化導致整個js文件指紋發生變化