2016-09-05 3 views
0

をmean.ioする角度モジュールの追加:私はmean.ioパッケージにNPM(または亭)からの角度-UI-グリッドモジュールを追加しようとしていますパッケージ

$ cd packages/custom/mypackage 
$ npm install angular-ui-grid --save 

私は、その後にこの行を追加しましたpackages/custom/mypackage/app.js

packages/custom/mypackage/public/index.js

import 'angular-ui-grid'; 

このライン

MyPackage.angularDependencies(['ui.grid']); 

これは、JSをインポートしているようですCSSは使用できません。どのようにスタイルを持ってくるのですか?

答えて

1

ちょうどあなたのindex.jsに追加します。

インポート「角度-UI-グリッド/ui-grid.min.css ';

あなたはそれがmean.ioのapp.jsに角度-UI-選択のためにどのように行われるかを見ることができます。

https://github.com/linnovate/mean/blob/05c63abae72635923eda07fefeac937b4e67790e/app.js

+0

これは私が探していたものです。私は、今日のほとんどを旧式のドキュメント/チュートリアルで迷惑をかけて過ごしました。 – willsters

0

リンクindex.html

例でCSSファイル(複数可):

//index.html 
<html ng-app> 
<head>  
<link rel="stylesheet" type="text/css" href="node_modules/angular-ui-grid/ui-grid.min.css"> 
</head> 
... 
</html> 

Source

+0

'node_modules'ディレクトリがビルド出力に存在しないため、これは動作しません。 MEAN.ioは、資産をビルドの一部としてバンドルにパッケージ化します。 – willsters

+0

これは単なる例です。 'angle-ui-grid'のlibフォルダを見つけて' index.html'にそのファイルを含めなければなりません –

0

これは動作します:

packages/custom/mypackage/public/index.js

import '../node_modules/angular-ui-grid/ui-grid.min.css'; 

ハッキーのようだ。

main-cssファイルを示すangle-ui-gridパッケージ定義に何か不足していますか、またはmean.ioのビルドシステムに問題がありますか?

関連する問題