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



我开始使用ng2-admin,我有麻烦与primeng。我正在使用一个数据表和primeng样式不应用,我有一个普通的丑陋的未格式化的表。

我遵循这里的说明:http://www.primefaces.org/primeng//设置

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

<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-admin项目使用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为生产和开发?

我真的很感激你的帮助。

检查文件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';

最新更新