场景:每次发布完代码之后,浏览器缓存严重,会导致之前解决的部分问题不体现。

方法:使用webpack配置

文件:vue.config.js

const TimeStamp = new Date().getTime();
// const MiniCssExtractPlugin = require('mini-css-extract-plugin');

function resolve (dir) {
  return path.join(__dirname, dir)
}

// vue.config.js
module.exports = {
  configureWebpack: {
    output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.js】
      filename: `js/[name].${TimeStamp}.js`,
      chunkFilename: `js/[name].${TimeStamp}.js`
    },

解决方法:在每次打包后的js文件名中加入时间戳。

Logo

前往低代码交流专区

更多推荐