ExtJS 6 app.js在新產品發佈後不會更新

Question

我們使用的是Extjs 6，我們使用的是sencha cmd來構建我們的應用程序。

我們正面臨一個問題。每次我們發佈我們的應用程序的生產版本像6.3到6.4時，捆綁的app.js沒有得到更新，瀏覽器從(from disk cache)獲取該文件。所以每次我們必須告訴我們的用戶，請在獲得新版本後清除瀏覽器的緩存。 That's annoying。

這是我的app.json文件。

"output": { 
     "base": "${workspace.build.dir}/${build.environment}/${app.name}", 
     "page": "index.html", 
     "manifest": "${build.id}.json", 
     "js": "${build.id}/.js", 
     "appCache": { 
      "enable": false, 
      "update": "full" 
     }, 
     "resources": { 
      "path": "${build.id}/resources", 
      "shared": "resources" 
     } 
    }, 
"production": { 
     "output": { 
      "appCache": { 
       "enable": false, 
       "path": "cache.appcache" 
      } 
     }, 
...... 
"cache": { 
      "enable": false 
     } 
... 

Answer 1

我已經找到解決方案：

"js": [ 
     { 
      "path": "app.js", 
      "bundle": true, 
      "includeInBundle": false 
     } 
    ], 
..... 
"output": { 
     "base": "${workspace.build.dir}/${build.environment}/${app.name}", 
     "page": "index.html", 
     "manifest": "${build.id}.json", 
     "js": "${build.id}/app_${app.version}.js", 
     "appCache": { 
      "enable": false, 
      "update": "full" 
     }, 
     "resources": { 
      "path": "${build.id}/resources", 
      "shared": "resources" 
     } 
    }, 
.... 

這將不包括app.js文件在生產建設和創造新app.js文件，版本在最後追加到它喜歡：app_6.4.js。

Answer 2

以下是爲您解決問題兩個選項：

自定義app.js文件名

 { 
      "production": { 
       "output": { 
        "js": "${build.id}/app_${build.timestamp}.js" 
       }, 
       "cache": { 
        "enable": true 
       }, 
       "js": [ 
        { 
         "path": "${build.id}/app.js", 
         "bundle": true, 
         "includeInBundle": false 
        } 
       ], 
      "output": { 
      "base": "${workspace.build.dir}/${build.environment}/${app.name}", 
      "page": "index.html", 
      "manifest": "${build.id}.json", 
      "js": "${build.id}/app_${app.version}.js", 
      "appCache": { 
       "enable": false, 
       "update": "full" 
      }, 
      "resources": { 
       "path": "${build.id}/resources", 
       "shared": "resources" 
      } 

     } 
    } 

有了這個，你每次你建立你的應用程序爲新的文件名時app.js。

添加靜態緩存參數

{ 
     "production": { 
      "loader": { 
       "cache": "${build.timestamp}" 
      }, 
      "cache": { 
       "enable": true 
      } 
     } 
    } 

有了這個解決方案ExtJS的會追加一個?_dc=12345678參數來app.js請求。這個參數在你的下一次構建之前保持不變。