使用 Webpack 捆绑后应用程序的外观和行为有所不同

Question

我最近使用最新版本的 Angular2-CLI 将我的 Angular 2 项目从 SystemJS 移到了 Webpack。项目文件几乎没有更改，仅在 Angular2 代码中进行了少量更改以使项目适应新环境。

但是，现在当我使用 CLI 捆绑并运行它时，我在页面设计上遇到了一些奇怪的行为。我比较了两个页面的样式，它们是一一对应的，这意味着 Webpack 或 CLI 的某些东西会影响网站的外观和结构。

Answer 1

webpack 版本不再有供应商目录，因此 3rd 方库的相关脚本标签将被破坏。您需要更改包含第 3 方库的方式。导入您的库（css 和 js）或告诉 angular-cli 将它们作为配置的一部分加载。见https://github.com/angular/angular-cli#3rd-party-library-installation和https://github.com/angular/angular-cli#global-library-installation