0

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-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 ファイルを見ると、prod と dev の両方でおそらく webpack.common.js だと思いますか?

助けていただければ幸いです、ありがとう。

4

1 に答える 1

2

ファイル config/webpack.common.js を調べると、アプリケーション全体で node_module フォルダーを使用できることがわかりました。ファイル somename.loader.ts を作成して、次の 2 行を追加する必要がありました。

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 に答える