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

【问题标题】：Compile extjs-all with only required components仅使用必需的组件编译 extjs-all
【发布时间】：2017-07-05 23:26:00
【问题描述】：

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

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

【问题讨论】：

为什么要在没有推荐目录结构的情况下使用 extjs？除非你的代码永远不会超过 20 行，否则别想了，你很快就会碰壁。
我喜欢那些进入一个全新环境并试图超越已经在那里工作多年的每一位工程师的人。大多数约定都是出于某种原因而制定的。
@LorenzMeyer，我正在使用 Symfony，所以我正在尝试将 twig 模板与 extjs 组件结合起来，就像你可以使用 jqWidgets 之类的库（我喜欢这个），而不是提供 html 文件。必须有某种方法来隔离我需要的组件，并为我的应用程序的每个视图生成一个更小的单个 js 文件。
@Mr.CStff 我编辑了我的答案。请看一看。

标签： javascript extjs sencha-cmd

【解决方案1】：

您是否使用 Sencha Cmd 创建了您的应用程序？

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

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

在您发表评论后，事情变得更加清晰。

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

如果要symfony和extjs一起使用，我觉得第一个原则应该是：symfony做symfony的方式，extJs te ExtJs的方式。

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

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

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

【讨论】：