2013-01-24 54 views
2

我已经下载了一个使用AMD的项目。一切工作正常,但我想测试如何连接所有编译的文件到一个输出all.js文件。我发现一些有关--out参数,并遵循从这里步骤:https://stackoverflow.com/a/14302902/1252575TypeScript + AMD + out参数不起作用

它没有为我工作,我得到了一个错误:

The command "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"" exited with code 1.

这是我的文件结构是怎样的样子:

Solution

Btw。我有第二个问题。目录中是否有--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 ->'&quot;%(fullpath)&quot;', ' ')" /> 
    <Exec Command="tsc $(TypeScriptSourceMap) --out all.js @(TypeScriptCompile ->'&quot;%(fullpath)&quot;', ' ')" /> 
</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(); 
}); 
+0

当您使用'--out'标志时,不需要将所有文件传递给编译器。将它传递给顶层文件,它将遍历依赖关系并发现所有其他文件。这与AMD不兼容 - 捆绑是一种不同的技术,因为所有的脚本都在一个文件中,因此所有脚本都将被加载。 – Fenton

+0

相关:[TypeScript问题:将JavaScript输出结合到文件中并不显示工作](https://typescript.codeplex.com/discussions/545710) – xmojmr

回答

4

按照定义,AMD脚本是由AMD加载程序异步加载的。为了将它们全部放在一个文件中,您需要对每个文件的依赖性进行一些分析,以便它们按正确的顺序插入。这不是--out所做的。您需要调查RequireJS optimizer之类的内容。

+0

根据文章,我安装了'Node.Js'并试图像'node r.js -o app/AppConfig.js'一样设置'后期构建事件命令行'。我得到一个错误立即'命令“节点r.js -o app/AppConfig.js”用代码9009退出。“(不管我如何改变'r.js'和'AppConfig.js'我在主帖中粘贴了AppConfig.js的内容)。 – Nickon

+1

我建议在将它集成到VS构建步骤之前,让您的构建从命令行脚本运行。但是,请参阅[在此构建过程中“代码9009退出的含义”是什么意思?](http://stackoverflow.com/questions/1351830/what-does-exited-with-code-9009-mean-during-this-build )可能的解决方案 – ryan

+0

这有所帮助。从命令行一切工作正常。我在一个批处理文件中执行它,它正在作为'后期构建事件...'运行。感谢帮助!祝你有美好的一天! – Nickon