VUE vue-cli3配置打包后的文件加上版本号

const Timestamp = new Date().getTime()

module.exports = {

    // webpack配置

    chainWebpack: config =>{

        if (process.env.NODE_ENV === 'production') {

            // 给js和css配置版本号

            config.output.filename('js/[name].' + Timestamp + '.js').end()

            config.output.chunkFilename('js/[name].' + Timestamp + '.js').end()

            config.plugin('extract-css').tap(args =>[{

                filename: `css/[name].${Timestamp}.css`,

                chunkFilename: `css/[name].${Timestamp}.css`

            }])

        }

    }

}

1、线上的时候：在模板文件里对css跟js的引入路径后面追加一个类似于常量来做版本号

<link rel="stylesheet" href="style.css?version=20150828" />

2、线下测试的时候：对css跟js的引入路径后面追加随机数，时时刻刻更新，避免缓存影响了调试。

3、线下测试后：升级常量的版本号，把代码更新上去，这样用户的浏览器刷新就用到了新的样式，而又用到了缓存。

*** 作方法：

1、版本号和文件信息放在EXE文件的资源节中，可以使用资源查看、修改工具ResHacker或eXeScope软件。

2、ResHacker是一个能对应用程序进行破解的软件，能打开DLL和EXE文件，可以修改文件中包含的图片、文字等内容。

---