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';