javascript - 最佳实践 - ASP.NET 合并所有 JavaScript 输出

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 8 年前。

Improve this question

我很好奇将所有 JavaScript 合并到一个文件中的最佳实践是什么。我正在使用 Visual Studio ASP.NET MVC 5 和 TypeScript。我还有 jQuery 和一堆插件，以及我自己的页面特定的 JavaScript 文件。

Visual Studio 在“构建选项”->“TypeScript 构建”下有一个选项，用于“将 JavaScript 输出合并到文件中”。

这是否只结合了从我的 TypeScript 文件生成的 JavaScript，还是也结合了 jQuery 和各种插件？

是否有可能发生冲突(多个 .ts 文件具有相同的变量名)，或者 TypeScript 本身是否可以避免这种情况？

Answer 1

typescript 构建选项(tsc 中的 --out)只会连接项目内的 typescript 。如果您使用此功能，您可能会遇到文件排序问题。尽管 TypeScript 项目本身使用 --out 选项来构建 TypeScript 编译器，但将 CommonJS 与 browserify 结合使用可以解决此问题。尽管如此，这不会像 jQuery 那样连接您的 vendor 库文件。

最好的选择是使用 gulp 或 grunt 作为构建过程的一部分来连接和丑化编译后的 Typescript 和 Javascript。

您不应该使用全局变量，因此不会发生变量冲突。相反，您的代码应该使用模块。这可以是传统的 javascript 模块模式(相当于 Typescript 模块)，也可以是 AMD 模块(例如 Require.js 或 CommonJS 模块)，它们实际上更适合串联代码。