【发布时间】:2013-01-08 10:22:30
【问题描述】:
我下载了一个使用AMD 的项目。一切正常,但我想测试如何将所有编译文件连接到一个输出all.js 文件中。我发现了一些关于 --out 参数的信息,并按照以下步骤操作:https://stackoverflow.com/a/14302902/1252575
它对我不起作用,我收到一个错误:
命令“tsc --module AMD --out all.js “C:\TypeScriptWithRequireAMD_0.8.1\app\classes\Test.ts” “C:\TypeScriptWithRequireAMD_0.8.1\modules\require.d.ts” “C:\TypeScriptWithRequireAMD_0.8.1\app\classes\Greeter.ts” “C:\TypeScriptWithRequireAMD_0.8.1\app\AppConfig.ts” "C:\TypeScriptWithRequireAMD_0.8.1\app\AppMain.ts"" 退出代码 1.
我的文件结构如下所示:
顺便说一句。我有第二个问题。 --out 参数是否从lib 目录复制内容?如果没有,如何也包含它们?
[编辑 1.]
哦,我忘了...这是我的.csproj 文件的一部分:
<PropertyGroup Condition="'$(Configuration)' == 'Debug'">
<TypeScriptSourceMap>--module AMD</TypeScriptSourceMap>
</PropertyGroup>
<Target Name="BeforeBuild">
<Message Text="Compiling TypeScript files" />
<Message Text="Executing tsc$(TypeScriptSourceMap) @(TypeScriptCompile ->'"%(fullpath)"', ' ')" />
<Exec Command="tsc $(TypeScriptSourceMap) --out all.js @(TypeScriptCompile ->'"%(fullpath)"', ' ')" />
</Target>
[编辑 2.]
这是我的AppConfig.js:
require.config({
baseUrl: '../',
paths: {
'jquery': 'lib/jquery-1.7.2',
'underscore': 'lib/underscore',
'backbone': 'lib/backbone',
'console': 'lib/console',
'greeter': 'app/classes/Greeter',
'test': 'app/classes/Test'
},
shim: {
jquery: {
exports: '$'
},
underscore: {
exports: '_'
},
backbone: {
deps: [
"underscore",
"jquery"
],
exports: "Backbone"
},
console: {
exports: "console"
},
greeter: {
deps: [
"test"
]
},
test: {
deps: [
"greeter"
]
}
}
});
require([
'jquery',
'underscore',
'backbone',
'console',
'app/AppMain',
'app/classes/Greeter',
'app/classes/Test'
], function ($, _, Backbone, console, main, greeter, test) {
var appMain = new main.AppMain();
appMain.run();
});
【问题讨论】:
-
使用
--out标志时不需要将所有文件传递给编译器。将顶级文件传递给它,它将遍历依赖项并发现所有其他文件。虽然这与 AMD 并不真正兼容 - 捆绑是一种不同的技术,因为所有脚本都将被加载,因为它们都在一个文件中。
标签: javascript typescript