在angular-cli中,“惰性”属性如何工作以加载全局库?

Dav*_*lté 4 angular-cli angular

通过将它们添加到.angular-cli文件的scripts属性,可以将全局脚本加载到您的应用程序中。此示例来自文档

"scripts": [
  "global-script.js",
  { "input": "lazy-script.js", "lazy": true },
  { "input": "pre-rename-script.js", "output": "renamed-script" },
]
Run Code Online (Sandbox Code Playgroud)

但是,我对“惰性”属性有些困惑。在构建应用程序时,待延迟加载的脚本不再打包在scripts.bundle.js文件中。

但是毕竟如何加载库?必要时我该怎么做才能加载文件?

小智 5

作为替代威尔黄的接受的答案的步骤#2操纵DOM,它现在也可以使用动态导入功能esnext以打字稿,简列如这篇文章

使用这种方法,然后可以将以下内容添加到延迟加载的NgModule中:

import('jquery')
    .then((module: Function) => {
        window['$'] = module;
    });
Run Code Online (Sandbox Code Playgroud)