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

Question

我开始使用ng2-admin，并且遇到了primeng问题。我使用的数据表和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管理员 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';