如何在Angular 4.x（Angular Cli）應用程序中導入RequireJS（AMD）模塊？

Question

我有一個傳統的JS文件，寫在下面RequireJS（AMD）模塊註釋：

define('mymodule', [], function(){ 

    // ... bla bla bla 

    return { 
     calculate: function() { return 1 + 1; } 
    }; 
}); 

我從使用RequireJS另一個（傳統）項目導入此文件，因此 - 我不能更改使用的模塊定義。

我想將其導入到用TypeScript編寫的Angular Cli（Angular 4.x）應用程序中。

由於角CLI使用的WebPack 2建設項目，支持AMD，我以爲我可以導入像這樣：

import * as MyModule from './mymodule.js'; 

...但是這不工作，它會觸發一個錯誤的mymodule.js是不是一個模塊。

任何想法（或解決方法）如何導入這個舊模塊？

Answer 1

我可以加載amd模塊。

這裏是TS：

import * as MyModule from './mymodule.js'; 

console.log('my value is', MyModule.value); 

mymodule.js文件：

define(["require", "exports"], function(require, exports){ 
    exports.value = "aaa"; 
}); 

和tsconfig.js

"allowJs": true 

UPDATE：

您可以使用webpack提供的System.import。

declare var System: any; 

System.import('./mymodule.js') 
    .then(MyModule=>console.log(MyModule.value));