vue cli 3を解決する.xパッケージ更新バージョン、ブラウザキャッシュの問題


質問:更新バージョンをパッケージ化してサーバに送信するたびに、最新コードをタイムリーに更新できないことがあり、ブラウザにキャッシュされる問題があります.ユーザーに新しい痕跡のないウィンドウを開かせるわけにはいかないでしょう.
解決:ブラウザが区別できるように、パッケージされたファイル名にバージョン番号を追加できます.1.vueを見つけます.config.js(vue cli 3.xで生成されたプロジェクトはデフォルトではこのファイルがなく、自分で作成する必要があります)
2.次のコードを追加
//            
const Timestamp = new Date().getTime();
module.exports = {
     
  ....
  configureWebpack: {
      // webpack   
    output: {
      //                    【    .   .   】
      filename: `[name].${
      process.env.VUE_APP_Version}.${
      Timestamp}.js`,
      chunkFilename: `[name].${
      process.env.VUE_APP_Version}.${
      Timestamp}.js`
    },
  }
  ...
};