仅使用必需的组件编译 extjs-all

Compile extjs-all with only required components

我是 extjs 世界的新手。目前我正在尝试从我的 ext-all.js 文件中删除不必要的组件。我如何以及在哪里可以告诉 sencha cmd 组件在我的 ext-all.js 中编译以仅使用网格?

注意:我正在尝试使用没有 sencha 指南推荐的目录结构的 extjs。

你的应用程序是用 Sencha Cmd 创建的吗?

你走错路了。您不必从 ext-all.js.

中删除未使用的代码

你根本不应该使用 ext-all.js。 Sencha Cmd 分析您的代码并仅在内置 app.js 中添加您真正需要的那些 类。

经过你的评论,事情变得更加清晰。

ExtJs 的工作原理:您有一个空的 html 文件。所有布局均由 JavaScript 生成。数据通过 Ajax 获取并在商店中进行管理。永远不会重新加载页面,并且在生产中只有一个优化的 js 和 css 文件。此外,开发构建和生产构建之间存在明显区别,后者仅包含最小化的代码。

如果你想同时使用symfony和extjs,我认为首要原则应该是:以symfony的方式做symfony,以ExtJs的方式做ExtJs.

考虑到这一点,我认为您有两个主要选择:

  1. 拥抱 ExtJs:选择单页应用程序,ExtJs 用于前端,symfony 用于后端,在 ExtJs 面板中嵌套自定义 html。
  2. 使用 ExtJs 作为顶部:选择一个 Symfony 应用程序,这里有一个 ExtJs 网格,那里有一个 ExtJs 图表。在 symfony html 中创建 ExtJs 小部件。然后你必须找到如何处理数据,因为 ExtJs 的方式是完全不同的...

无论哪种方式,您都会有一个嵌套在 Symfony 目录中的 ExtJs 目录结构。 Sencha Cmd 将构建 ExtJs 部分并生成一个单独的 Js 和一个 CSS 文件。该文件将针对您的应用程序进行优化。您将拥有一个优化的 js 文件,而不是每个页面一个。最后这是一个更好的优化,因为你将只加载整个 js 一次。