angular - 如何避免在“ng-build”中将第三方库包含在“vendor.js”中？我想改用 CDN

Question

我正在使用 Angular-CLI 开发 Angular 6 应用程序。当我进行ng build编译时，还会生成一个vendor.js文件，其中包含我用 NPM 安装的所有库。这对于 Angular 框架本身来说是可以的，因为构建过程会对使用的模块进行一些优化。

对于外部库（例如，moment、highcharts 等），我不希望它们进入这个供应商文件。我想使用 CDN 加载它们。

如何做到这一点？

Answer 1

您可以直接在index.html文件中包含链接。例如，使用 momentjs

索引.html

<script src="http://yourcdn.com/moment.min.js"/>

在你的组件中，替换

import * as moment from 'moment';

和

declare let moment: any;

但这意味着在组件中使用该库时不能使用类型化变量