Angular2，webpack全球添加外部css到ng2-admin

Question

我开始使用NG2-管理和我有麻烦的primeng。我使用的是datatable，而primeng样式没有应用，我有一个很难看的未格式化表。

我按照这里的说明：http://www.primefaces.org/primeng/#/setup

我在另一个项目中添加了这些行：

<link rel="stylesheet" type="text/css" href="node_modules/primeui/themes/omega/theme.css" />
<link rel="stylesheet" type="text/css" href="YOUR_PATH/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="node_modules/primeui/primeui-ng-all.min.css" />

它在过去的工作，但这个NG2管理项目使用webpack，我不太熟悉它。我读到了它，它说要在webpack.config.js中使用css加载器，我只是不知道在哪里和如何添加它。

如果我直接将链接添加到index.html，那么这些文件将按照下面的链接获得文件上的404。https://github.com/akveo/ng2-admin/issues/25

这里是ng2-admin https://github.com/akveo/ng2-admin/tree/master/config的站点，查看我正在考虑的文件，也许webpack.common.js用于prod和dev？

我真的很感谢你的帮助，谢谢。

Answer 1

在查看文件config/webpack.common.js时，我意识到node_module文件夹可以在整个应用程序中使用，我只需要创建一个文件somename.loader.ts来添加两行：

require('style-loader!primeui/themes/omega/theme.css');
require('style-loader!primeui/primeui-ng-all.min.css');

然后将加载程序包含到我的组件中，如下所示：

import './somename.loader.ts';