编译extjs-所有只包含必需的组件

Question

我是新来的。目前，我正在尝试从ext-all.js文件中删除不必要的组件。如何和在哪里可以告诉sencha cmd在我的ext-all.js中编译的组件来使用，例如，只使用网格？

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

Answer 1

你用Sencha Cmd创建你的应用程序了吗？

你走错了路。您不必从ext-all.js.中删除未使用的代码

您根本不应该使用ext-all.js。Sencha分析您的代码，并且只在构建的app.js中添加您真正需要的那些类。

在你的评论之后，事情变得更清楚了。

ExtJ的工作原理:只有一个空的html文件。所有布局都是由JavaScript生成的。数据通过Ajax获取，并在商店中进行管理。从来没有一个页面重新加载，并且在生产中只有一个优化的js和css文件。另外，开发和生产构建有明显的区别，后者只包含最小的、小型化的代码。

如果您想同时使用symfony和extjs，我认为第一个原则应该是：以symfony的方式做symfony，并做ExtJs te ExtJs way。

考虑到这一点，我认为你有两个主要选择：

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

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