webpack 配置文件随机数文件指纹

npm install react-scripts

"build": "react-scripts build"

首先在 webpack.config.js 里定义一个时间戳随机数

constVersion=newDate().getTime();

然后搜索 filename 找到 output 对象下面的 filename 与 chunkFilename 并配置

1.  
   filename:isEnvProduction
2.  
    
3.  
   ?'static/js/[name].[contenthash:8].' Version '.js'
4.  
    
5.  
   :isEnvDevelopment&&'static/js/bundle.js',
6.  
    
7.  
    
8.  
   chunkFilename:isEnvProduction
9.  
    
10.  
    ?'static/js/[name].[contenthash:8].' Version '.chunk.js'
11.  
     
12.  
    :isEnvDevelopment&&'static/js/[name].chunk.js',

上面那是配置了 js 文件的文件指纹 接下来配置 css 的

找到 MiniCssExtractPlugin

1.  
   new MiniCssExtractPlugin({
2.  
   // Options similar to the same options in webpackOptions.output
3.  
   // both options are optional
4.  
   filename: 'static/css/[name].[contenthash:8].' Version '.css',
5.  
   chunkFilename: 'static/css/[name].[contenthash:8]' Version '.chunk.css',
6.  
   }),

配置完毕 接下来打包 文件名字上面就配置了时间戳 每次打包文件名字

这篇好文章是转载于：学新通技术网