我正在尝试将我的代码库配置为能够同时执行 JiT 和 AoT,以便我可以将 JiT 用于本地开发,将 AoT 用于生产。我在这里遵循了角度文档,并成功地让两者单独工作。
我面临的问题是当我尝试导入外部库时,特别是 moment-js。
对于 JiT,我使用的是 SystemJS,其配置为
// systemjs.config.js
System.config({
map: {
// ...
moment: '/node_modules/moment',
},
packages: {
// ...
moment: {
defaultExtension: 'js'
}
}
});
然后在打字稿中导入一个组件,我可以这样做
// some-component.component.ts
import * as moment from 'moment/moment';
这适用于本地开发。
但是,当我尝试使用汇总进行 AoT 编译时,出现Cannot call a namespace ('moment')
编译错误。我在这个线程之后解决了这个问题,所以在对汇总配置进行了几次更改之后,组件中的导入语句应该是
// some-component.component.ts
import moment from 'moment';
这对于 AoT 和汇总非常有效,但现在 SystemJS 无法理解这一点。
我似乎无法跳出循环。我可以让一个工作,但不能同时工作。有没有办法让 SystemJS 理解汇总所需的导入语句?我认为反过来是不可能的。
编辑:
我确实找到了一种至少让它工作的方法,但这并不完全理想。我没有导入它,而是将其声明为any
,然后使用脚本标记从外部加载到库中。所以现在组件是
// some-component.component.ts
declare const moment: any;
正如我所说,这并不理想,因为这不允许我将 moment 与 AoT 构建捆绑在一起,并且它还强制 typescript 解释'moment' var,因为any
现在它不知道它的类型。所以这仍然不能完全回答我的问题,但这至少有效。