問題タブ [grunt-contrib-compass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1821 参照

sass - Compass と Susy には異なるバージョンの Sass が必要です

私は自分のウェブサイトに取り組んでおり、Susy と Compass を使用したいと考えています。私もGruntを使っています。grunt タスクを実行すると、次のエラーが表示されます。

これは私のGruntファイルです:

どうすればいいのかわかりません、よろしくお願いします!

0 投票する
1 に答える
108 参照

grunt-contrib-compass - grunt compass が生成するファイルにアクセスできない

.sass から .css ファイルを生成するという面倒なタスクがあります

生成されるcssファイルは「rw-------」です。ファイルのアクセス許可を必要なものに設定するには、タスクをどのように構成すればよいですか?

0 投票する
1 に答える
1233 参照

css - ソースフォルダーにサブフォルダーがある場合の Compass 宛先フォルダーの設定

SASSファイルをコンパイルするために、うなり声を介してコンパスを使用しています。私のディレクトリ構造は次のようになります。

そして私のGruntfile.js:

gruntfile を実行すると、Compass は に出力しますが、代わりproject/css/part1/part1.cssに に出力したいです。project/css/part1.cssこれどうやってするの?現在、on_stylesheet_saved フックを使用してファイルを移動していますが、あまりエレガントではありません。

質問が明確であることを願っています。事前に感謝します。

0 投票する
1 に答える
4023 参照

node.js - Grunt + Compass で CSS ファイルが作成されない

を使用すると、次のエラーが発生しますgrunt compass

「プロジェクト ディレクトリから個々のスタイルシートをコンパイルする必要があります。」

私はうなり声で3つの異なる方法で試しました。詳細は以下をご覧ください。

私のフォルダ構造:


機能するもの:

を使用したり使用したりしなくても、すべてが正常に機能します。grunt/_src/config.rb

だから、/src私は で問題なくコンパイルできますcompass watch


うまくいかないこと

とにかく、私はすべての GUI アプリを捨てて、grunt. そこから問題が始まりました。

私も最新です:

1回目

私が最初に試したのは、既存のものを使用しようとすることでしたconfig.rb:

gruntエラーなしで動作し、ファイルの変更も認識しますが、 sass/testをコンパイルしません。css ファイルは作成されません。

私が試したところgrunt compass watch --verbose、中止されました:

…まったくわかりません。

2 回目の試行 – 優先試行

config.rbとにかく座っているのが好きではないので/_src/、それを削除して次のものに置き換えoptions: { config: '_src/config.rb' }ましGruntfile.jsた:

エラーは前のものとまったく同じです。

プロジェクト ディレクトリから個々のスタイルシートをコンパイルする必要があります。

3回目の試行

最後の手段としてconfig.rb、ルート ( /test) に追加して Gruntfileproject_path = "_src"で使用してみました。options: { config: 'config.rb' }これは私の他の試験と同じくらいうまくいきませんでした。

Gruntfile のみのバージョンが機能することを本当に望んでいます。コンパスのベース パスがうまく機能していないようですが、どうすればよいかわかりません。


これを解決するためにStackExchangeですでに読んだものの抜粋

私はすでに読んだ:

PS: RVM と Git も使用しています。でも、ここは関係ないと思います。


アップデート:

小さなステップ…いくつかの進歩(実際にはそうではありません):

/Gruntfile.js

config.rb を追加する理由がわかりません (上記の「2 回目の試行」のようにすべてを書き留める代わりに、すべてが変更され、grunt は最終的に css ファイルを出力することを決定します。

/config.rb

サス:

レンダリングされた CSS:

エラーも表示されます:

通常の使用時にこれも取得するので、それは「問題ありません」compass watch。ただし、うなり声を上げて、SASSコードの2行のコメントを外すと、これを吐き出して中止します。

「通常のコンパス」が機能するので奇妙です。コンパスをグローバルにインストールしませんでした。gem はこのプロジェクト フォルダーでのみアクティブです。したがって、その可能性は排除されます。

0 投票する
0 に答える
54 参照

gruntjs - httpFontsPath の編集時にアセット ハッシュが失われる

したがって、私の本番プロジェクトのパスは、私の開発プロジェクトのパスとは異なります。したがって、コンパス構成でアセット パスを編集する必要があります。

ただし、ビルドされた css ファイルは次のようになります。

これの代わりに:

そして、そのコンパス構成行を省略すると、出力は次のようになります。

httpFontsPath を編集するとハッシュが失われるのはなぜですか??

注: 私の gruntfile はgenerator-angular 0.7.1に基づいています

0 投票する
1 に答える
423 参照

gruntjs - Compass Grunt タスクをプログラムで実行する

コンパイルされたbase.cssファイルと、いくつかのページ固有の css ファイルを生成するコンパス タスクを grunt で実行しています。base.scss @import は_settings.scssパーシャルをインポートします。これは、すべてのファイルのグローバル セットアップを指示します。

コンパスタスクを複数回呼び出すことができるようにしたいのですが、毎回異なる設定ファイルが base.scss にインポートされ、出力に異なるcssDirを使用することが規定されています。これは達成可能ですか?

私は、2 つの異なるコンパス タスクで (raw 経由で) コンパス config.rb に基本的に追加することを含む以下のアプローチを使用しようとしました。各タスクには、設定ファイルを含むディレクトリへの異なるインポート パスが含まれています。この設定ファイルは、base.scss の先頭にある@import settings.scssとして取得されます。

これは機能しているように見えますが、ハックのように感じますが、実用的なソリューションに最も近いものです。これを行う方法があるはずですが、これまでのところ解決策は私にほのめかしています。

registerTask() を使用して、ここで見つけたようなアプローチで必要な機能を作成できるかどうか疑問に思っています。

プログラムで引数をグラントタスクに渡しますか?

0 投票する
2 に答える
229 参照

sass - システムと grunt-contrib-compass の間で SASS バージョンが一致しませんか?

grunt-contrib-sass/compass で次の問題が発生しました。

( https://github.com/nex3/sass/issues/746 )

これをコンパイルする:

エラーは次のとおりです。

システム(Ubuntu 12.04.4 LTS)に最新のSASSバージョン(3.3.7)がインストールされており、scss上記のコードDOを使用して新しいファイルのコマンドラインから実行しています。

yo webappただし、Grunt を使用して (Yeoman generator-webapp) で新しいプロジェクトを作成すると、上記のエラーが発生します。

何かご意見は?

0 投票する
2 に答える
1084 参照

gruntjs - Getting errors when using the sourcemap feature in Grunt sass

i am using Grunt to watch my set of sass files and compile to css when they change using the grunt-contrib-sass plugin. I have sourcemap set to true as i find this functionality really useful in css debugging.

However i am getting the following error message:

Any ideas why this is occurring?

Here is my Gruntfile:

Thanks

0 投票する
1 に答える
427 参照

gruntjs - Grunt-compass は複数のファイルをコンパイルできません

これは、以下に示すように、コンパスディレクトリのコードを含む私の Gruntfile.js (その一部) です。

私は grunt-newer を使用して、プロジェクト フォルダー内の最近編集された要素のみをコンパイルしています。

率直に言って、メインの開発フォルダーに 2 つのプロジェクト フォルダーがあり、grunt watch または grunt compass を実行すると、最新の変更を含む sass をコンパイルして、複数のプロジェクトで同時に作業できるようにしたいと考えています。私はいくつかのものを試しましたが、これしか得られません:

プロジェクト ディレクトリから個々のスタイルシートをコンパイルする必要があります。

これを回避する方法はありますか?

app1 (フォルダー) app2 app3 と app4 を操作したいのですが、grunt compass を実行するとコンパイラーがすべてのファイルをチェックし、変更のあるファイルのみを変更します。