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

Question

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

Visual Studio在“构建选项”下有一个选项 - ＆gt; TypeScript Build to＆＃34;将JavaScript输出合并到文件＆＃34;。

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

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

Answer 1

typescript构建选项（tsc中的--out）只会连接项目中的typescript。如果您使用此文件，则可能会遇到文件排序问题。使用CommonJS和browserify解决了这个问题，尽管TypeScript项目本身使用--out选项来构建typescript编译器。然而，这不会连接您的供应商库文件，如jQuery。

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

您不应该使用全局变量，因此不会发生变量冲突。相反，您的代码应该使用模块。这可以是传统的javascript模块模式，它等同于Typescript模块，或者像Require.js或CommonJS模块这样的AMD模块，它们实际上更适合于连接代码。