2

私の ng-boilerplate アプリで CSS (LESS から) がレンダリングまたはコンパイルされていません。

私は ng-boilerplate と rails を使用して、これらのチュートリアルを使用してアプリを作成しています。角度はどのページでも機能しています...のように、次を使用できます。

$scope.animal = "dogs"

と

<div> I like {{animal}}! </div>

取得するため

I like dogs!

ただし、Less と CSS (レールを使用せずに機能する ng-boilerplate アプリからコピー アンド ペーストされ、すべての異なるディレクトリから正常にコンパイルされました) は、ビルド ディレクトリにもレンダリングにもコンパイルされません。実際、この新しいアプリ (レールを備えたアプリ) では、ng-boilerplate テンプレートの元の css/less でさえもコンパイルまたはレンダリングされません。

チュートリアルで提案されているように、次のコマンドを使用してみましたが、奇妙なネストされたビルド ディレクトリ (ビルド内のビルド内のビルド) が作成され、問題は解決しませんでした。

cd public
ln -s ../build UI

一方、UI フォルダーはシンボリック リンクを使用してビルド フォルダーにリンクされていますが...

LESS (異なるディレクトリの異なるファイルから) はすべて ng-boilerplate.css と呼ばれる 1 つの CSS ファイルにコンパイルされることになっています (これはレールなしの元のアプリで行われました)、代わりに ng-boilerplate-0.3.1 と呼ばれるファイルがあります。 .css、これは空です。名前を変更しようとしましたが、grunt がビルドするたびに名前が 0.3.1 に戻ります。

Rails バージョン 4.2.1 を使用していますが、Ruby では 2.1.0p0 と表示されます。

4

1 に答える 1

0

この投稿はかなり古いことを認識しているため、既に解決策を見つけていることを願っています。しかし、この質問はグーグルで検索するとそれなりに多く出てくるので、答えがあるはずだと感じました。

ng-boilerplate を使用する場合、コンパイル プロセスですべての JS ファイルが検出され、適切にコンパイルされた JS コードが作成されますが、ビルド プロセスで LESS ファイルに対して同じことが行われないことに注意する必要があります。ディレクトリ「src/app/less/」を調べて「main.less」ファイルを表示すると、彼がこのプロセスを自動化したいという小さなメモが表示されます。代わりに、残念ながらすべての LESS ファイルを手動でインポートする必要があるのは、この時点です。

ファイルをインポートするためのより少ない方法は、不明な人のためにこれです:

@import '../app/less/fileToImport.less'

パスは、相対パスまたは絶対パスにすることができます。

于 2016-05-11T01:55:04.630 に答える