将 Typescript + Javascript 与 Visual Studio 2015 相结合

Question

我正在使用VS2015进行HTML+TS+CSS项目。是否可以将JS文件添加到组合的TS输出文件中？如果是这样，该怎么做？

Answer 1

您可以使用设置allowJs。

允许编译 JavaScript 文件。

当与outFile设置结合使用时，它会将JS文件输出到合并的文件以及编译的TS。

为了测试，我制作了一个快速的Web应用程序，其中包括bootstrap和jquery等等。

然后，我还添加了一个自定义JS文件，一个自定义TS文件和一个tsconfig.json。

这是 tsconfig.json 文件的内容：

{
"compilerOptions": {
"allowJs": true,
"outFile": "../output.js",
"alwaysStrict": true,
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "es5"
},
"exclude": [
"node_modules",
"wwwroot"
]
}

查看输出.js，我可以看到引导程序、jquery 和我的两个自定义脚本。

请注意，我将输出文件放在项目目录之外。这是因为默认情况下，TS 编译器将拉入项目中的所有 TS 和 JS 文件。因此，如果输出文件在项目中，并且包含项目中的所有文件......您会收到一条错误消息，告诉您这不是一个好主意。

您可以使用 tsconfig.json 中的排除和包含属性来控制包含和排除哪些文件和路径。

例如

{
"compilerOptions": {
"allowJs": true,
"outFile": "output.js",
"alwaysStrict": true,
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "es5"
},
"exclude": [
"node_modules",
"Scripts/bootstrap.js",
"Scripts/jquery-1.10.2.js",
"output.js"
]
}

Answer 2

您可以通过以下方式将.js文件导入 .ts 文件

import 'jsFilePath';

然后声明要使用的变量。 例如 -

declare wheel: any;