Comment utiliser AMD avec angular-cli?

Question

J'essaie de déplacer mon projet angulaire 2 existant à angulaire-cli. Mon échafaudage actuel utilise Webpack et j'utilise beaucoup AMD pour charger certains fichiers js uniquement à l'intérieur de certains composants asynchrones. Ex:

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

le nouvel échafaudage angulaire cli donne l'erreur suivante:

Cannot find name 'require'. 

et la compilation webpack échoue. Que fais-je?

Answer 1

utilisations angulaires-cli webpack 2 pour construire des projets, qui prend en charge AMD, mais vous devez utiliser la déclaration import:

import * as jsonFn from 'json-fn'; 

// .. 

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