如何以角度动态加载外部脚本？

Question

如何以角度动态加载外部脚本？我有一个模块，它将外部库与附加逻辑一起组件化，而不添加<script>标记直接插入index.html：import 'http://external.com/path/file.js'//import '../js/file.js'@Component({     selector: 'my-app',     template: `         <script src="http://iknow.com/this/does/not/work/either/file.js"></script>         <div>Template</div>`})export class MyAppComponent {...}我注意到importby ES6规范是静态的，在类型转换过程中解析，而不是在运行时。无论如何，为了使其可配置，文件js将从CDN或本地文件夹加载吗？如何告诉角2动态加载脚本？

Answer 1

如果您使用的是system.js，则可以使用System.import()在运行时：

export class MyAppComponent {
  constructor(){
    System.import('path/to/your/module').then(refToLoadedModule => {
      refToLoadedModule.someFunction();
    }
  );}

如果您使用的是webpack，则可以充分利用其健壮的代码拆分支持。require.ensure :

export class MyAppComponent {
  constructor() {
     require.ensure(['path/to/your/module'], require => {
        let yourModule = require('path/to/your/module');
        yourModule.someFunction();
     }); 
  }}