0

我开始使用 ng2-admin 并且遇到了问题。我正在使用数据表并且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-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 用于产品和开发？

我真的很感激一些帮助，谢谢。

4

1 回答 1

2

检查文件 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';
于 2016-08-12T17:20:33.530 回答