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

npm install react-scripts

"build": "react-scripts build"

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

constVersion=newDate().getTime();

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

filename:isEnvProduction

?'static/js/[name].[contenthash:8].'+Version+'.js'

:isEnvDevelopment&&'static/js/bundle.js',


chunkFilename:isEnvProduction

?'static/js/[name].[contenthash:8].'+Version+'.chunk.js'

:isEnvDevelopment&&'static/js/[name].chunk.js',

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

找到 MiniCssExtractPlugin

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

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