在 index.html 中使用已编译的 JavaScript 代码应该是正确的做法吗?

Posted

技术标签:

【中文标题】在 index.html 中使用已编译的 JavaScript 代码应该是正确的做法吗?【英文标题】:Should Using Compiled JavaScript code in the index.html be the correct practice? 【发布时间】:2012-03-31 20:03:54 【问题描述】:

以下链接中的 Sencha Touch 示例:http://dev.sencha.com/deploy/touch/examples/production/index.html 在所有示例中都添加了编译后的 javascript。直接代码不适用于任何示例。

在主 html (index.html) 中嵌入已编译的 JavaScript 代码发布 Sencha Touch App 是否正确?

如果是,请帮助为 Sencha Touch 生成已编译的 JavaScript 代码。

【问题讨论】:

【参考方案1】:

缩小≠编译。

通过缩小代码,您可以减少将其发送到浏览器所占用的带宽量。对于移动设备,这可能很重要,因为大多数运营商都会限制您以特定价格接收的数据量。

这对最终结果没有影响,因为它是相同的代码,但可读性较差。

【讨论】:

感谢您的回答。请问这是发布Secnha Touch应用程序的一般做法吗?【参考方案2】:

要考虑的另一点 - 如果您不缩小所有 JS 代码并将其合并到一个文件中,浏览器将必须加载 100 多个文件才能与您的应用程序一起使用。并且加载 100 个 1k 的文件比加载 1 个 100k 大小的文件慢得多。

【讨论】:

Sencha 为 SDK 提供命令行脚本来缩小和合并您的代码。您可以在 sencha.com 上下载它 如果有任何改进给定 Web 应用程序的最小计划,合并并不是一个好主意。 嗯?合并文件并将其缩小以将应用程序发布到生产环境。没有人谈论合并源文件。

以上是关于在 index.html 中使用已编译的 JavaScript 代码应该是正确的做法吗?的主要内容,如果未能解决你的问题,请参考以下文章

html 这是与Ember一起使用的示例“index.html”。它将已编译的“vendor.js”的加载移动到动画帧中,而不是重新加载

通过 SWIG 和 Visual Studio 2015 在 Java 中使用已编译的 DLL

使用 Webpack 5 将 `html/index.pug` 构建到 `dist/index.html` 中

解析模板“/index.html”时出错,模板可能不存在或可能无法被任何已配置的模板解析器访问

Android Studio编译OsmAnd出现警告:GeoPointParserUtil.java使用或覆盖了已过时的 API。有关详细信息请使用-Xlint:deprecation重新编译(代码片

这个 Java 类可以顺利编译,但是当我使用我的 android 手机作为 ADB 时单击它。它说设备已停止工作