如何给网站中javascript增加版本号？

JavaScript012

如何给网站中javascript增加版本号？,第1张

大型网站通常都有一套比较成熟的自动化部署工具。

在项目发布前，使用该工具进行部署代码。工具会自动地帮完成资源压缩、代码打包、添加版本号、解决执行依赖等问题。

给站一个版本号就行了，服务端输出到JS尾部。更新JS的时候，修改下版本号就行了。

给CSS、JS添加版本号可以防止客户端缓存。

比如:<script src="001.js?2015120710"></script>

001.js?2015120710 ？后面的2015120710是当前js的日期。

如果自动添加，建议还是以日期作为版本号，当然也可以通过程序随机生成一组数字或字符。

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`

            }])

        }

    }

}