如何避免第三方库被包含在 'ng- build 的'vendor.js'中？我想改用 CDN

Question

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

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

如何做到这一点？

Answer 1

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

index.html

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

在您的组件中，更换

import * as moment from 'moment';

带有

declare let moment: any;

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