Sencha CMD - extjs 6 构建连接成 1 个文件



我已经通过sencha cmd在extjs 6中生成了我的应用程序。在进行 sencha 应用程序构建时,我所有的 js 文件都连接成 1 个文件(app.js)。我想像以前一样保持我的 js 文件夹结构,以帮助我调试和放置断点。有没有办法做到这一点?

您应该在构建之前进行调试。进行构建实际上就是将所有js"编译"到一个文件中。

在某些情况下,您需要调试构建代码本身,在这些情况下,您可以启用 YUI 压缩,以便可以使用断点等。然后只需使用"测试"参数:

sencha app build testing

然后,在生成/测试中找到生成,而不是生成/生产。还有一个sencha app build development但它实际上只是为了帮助构建/更新 css 引导程序,您最好为此使用 sencha app watch(因为它会根据需要不断监控和更新)

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

sencha  app build development

它将生成开发版本。

sencha  app build production

它将生成生产版本(单个文件应用程序.js)。

 sencha  app build testing

它将生成测试版本。

sencha  app watch 

它将刷新并更新您的extjs文件。

 sencha  app build clean

它将进行干净的构建。

您可以并且应该调试 ExtJS 应用程序,而无需一遍又一遍地编译它。

对我来说,这工作如下:

  • 我有一个位于localhost/api/的服务器 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也可用于应用程序的未编译版本。

最新更新