EXT JS 5.1 Minified Core Frame 在开发时工作

Question

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

我需要在 bootstrap.js 文件中做些什么才能让它只使用 link 而不是 Ext Js 5 根文件夹吗？对于在企业情况下托管在服务器上的多个应用程序，我想使用相同的 link。

此外，Chrome 开发工具运行超级慢，必须加载每个文件。我想用一个缩小的文件来使它再次有用。

Answer 1

我不确定您如何使用 cdn file referenced in the sencha fiddle website。在使用微加载器时将 link 直接添加到应用程序会导致错误。 extjs5 中的微加载器自动确定要在框架中加载哪些文件。

但是，如果您使用的是 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

以下是对您的项目所做的更改记录为堆栈溢出，以防论坛 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"
        },

您还可以选择根据dev/production调整缓存首选项将此另外添加到 app.json 文件中：

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

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

sencha app refresh

EXT JS 5.1 Minified Core Frame 在开发时工作

EXT JS 5.1 Minified Core Frame work when developing

extjs

extjs5