如何将 AMD 与 angular-cli 一起使用？

Question

我正在尝试将我现有的 angular 2 项目移动到 angular-cli。我目前的脚手架使用 Webpack，并且我经常使用 AMD 来仅在某些组件内异步加载某些 js 文件。 例如：

require(['json-fn'], (JSONfn) => {
        srvc.JSONfn = JSONfn;
    });

新的 angular-cli 脚手架出现以下错误：

 Cannot find name 'require'.

并且 webpack 编译失败。我该怎么办？

Answer 1

angular-cli 使用 webpack 2 构建项目，支持 AMD，但需要使用 import 语句：

import * as jsonFn from 'json-fn';

// ..

ngOnInit() {
    // use it normally here
    jsonFn.parse();
}