Question

开发时我想使用Ext JS 5.1的缩小的.js文件，就像在Sencha Fiddle上一样。看起来你可以使用Sencha的cdn链接但是当我在索引文件中使用它时它会失败。

我是否需要在bootstrap.js文件中执行某些操作，使其仅使用链接而不是Ext Js 5根文件夹？我想为服务器上托管的多个应用程序使用相同的链接来处理企业情况。

此外，Chrome Dev Tools运行速度超慢，无法加载每个文件。我想使用一个缩小的文件使其再次有用。

Answer 1

我不赞成如何使用cdn file中引用的sencha fiddle website。使用microloader时直接将该链接添加到应用程序会导致错误。 extjs5中的microloader自动确定要在框架中加载哪些文件。

但是，如果您使用的是sencha cmd，则可以实现使用缩小版extjs框架的类似目标。

They detail how to setup your project to use the minified or developer copy of extjs5 instead of loading all the seperate files in this forum post

以下是对您的项目进行的更改记录到堆栈溢出，以防论坛帖子不再可用：

第一步

确保您使用的版本的sencha cmd 大于 5.0.2。
要确定您的sencha cmd版本，可以在命令提示符中键入以下内容：

sencha which

If you have an older version of sencha cmd you can download the latest copy here

感谢Niederee提供的这个小建议，请在您的应用上进行sencha应用升级，以确保它与最新的sencha命令构建相关联

sencha app upgrade

第二步

调整app.json清单文件以加载ext-all-rtl-debug.js。将此文件添加到文件中的"js":[]数组：

"js": [
        {
            "path": "${ext.dir}/build/ext-all-rtl-debug.js"  // new default for generated apps
        },
        {
            "path": "app.js",
            "bundle": true
        }
    ],

如果需要获得缩小版本，也可以添加sencha图表：

        {
            "path": "${ext.dir}/packages/sencha-charts/build/sencha-charts-debug.js"
        },

您也可以根据开发/生产调整缓存首选项另外将其添加到app.json文件中：

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

第三步 在命令提示符下运行以下sencha命令以刷新应用程序的引导程序清单。

sencha app refresh

EXT JS 5.1缩小核心框架在开发时的工作

1 个答案: