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请求。这个参数在你的下一次构建之前保持不变。