extjs 6构建连接成1个文件

Question

我已经通过sencha cmd在extjs 6中生成了我的应用程序。在做sencha应用程序构建时，我的所有js文件都连接成1个文件（app.js）。我想像以前一样保留我的js文件夹结构，以帮助我调试和放置断点。 我们有办法做到吗？

Answer 1

您应该在构建之前进行调试。做一个构建就是这样，“将所有js”编译成一个文件。

在某些情况下，您需要调试构建代码本身，在这种情况下您可以转换YUI压缩，以便您可以使用断点等。然后只需使用“testing”参数：

sencha app build testing

然后，在构建/测试中找到您的构建而不是构建/生产。还有一个sencha app build development，但它真的只是为了帮助构建/更新css引导程序，你最好使用sencha app watch（因为它会不断监视和更新，如果需要的话）

Answer 2

用于开发和部署的重要Sencha命令

sencha  app build development

它将生成开发构建。

sencha  app build production

它将生成生产版本（单个文件app.js）。

 sencha  app build testing

它将生成测试版本。

sencha  app watch 

它会刷新并更新你的extjs文件。

 sencha  app build clean

它会做一个干净的构建。

Answer 3

你可以而且应该调试你的ExtJS应用程序，而不是一遍又一遍地编译它。

对我而言，其工作原理如下：

• 我的服务器API位于localhost/api/
• 我在localhost/app-dev/找到了未编译的ExtJS应用，其中包含ext子目录。
• 我的编译后的ExtJS应用程序位于localhost/app/

在部署时，我会部署到真实的服务器上

• 将api加入server/subdir/api/
• 将应用加入server/subdir/app/

但调试是在本地进行的。我的开发计算机有另外的app-dev目录，它使用相同的相对路径从同一个api获取，而未编译的版本总是一个完全可用的版本，可以在您选择的浏览器中启动。

因此，如果我只更改javascript并想要测试，我不必等待编译 - 我可以重新加载localhost/app-dev/index.html我就在那里。当我认为app-dev版本中没有错误时，我只需双击一个批处理文件，该文件在app目录中生成编译版本。

如果我想测试CSS更改，我必须先编译，因为Sencha Cmd使用SCSS文件。这就是为什么未编译版本也希望从build目录中获取其CSS文件的原因 - 浏览器无法使用未编译的CSS。但是在编译之后，新的CSS也可用于应用程序的未编译版本。