問題タブ [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.
sass - Compass と Susy には異なるバージョンの Sass が必要です
私は自分のウェブサイトに取り組んでおり、Susy と Compass を使用したいと考えています。私もGruntを使っています。grunt タスクを実行すると、次のエラーが表示されます。
これは私のGruntファイルです:
どうすればいいのかわかりません、よろしくお願いします!
grunt-contrib-compass - grunt compass が生成するファイルにアクセスできない
.sass から .css ファイルを生成するという面倒なタスクがあります
生成されるcssファイルは「rw-------」です。ファイルのアクセス許可を必要なものに設定するには、タスクをどのように構成すればよいですか?
css - ソースフォルダーにサブフォルダーがある場合の Compass 宛先フォルダーの設定
SASSファイルをコンパイルするために、うなり声を介してコンパスを使用しています。私のディレクトリ構造は次のようになります。
そして私のGruntfile.js:
gruntfile を実行すると、Compass は に出力しますが、代わりproject/css/part1/part1.css
に に出力したいです。project/css/part1.css
これどうやってするの?現在、on_stylesheet_saved フックを使用してファイルを移動していますが、あまりエレガントではありません。
質問が明確であることを願っています。事前に感謝します。
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ですでに読んだものの抜粋
私はすでに読んだ:
- ビルドの自動化 - Grunt コンパス タスクはこのディレクトリ構造と互換性がありませんか? - スタックオーバーフロー
relativeAssets: 'false'
トリックを試した
- sass - コンパスプロジェクトで「プロジェクトディレクトリから個々のスタイルシートをコンパイルする必要があります」エラー - コードログ
- ここには新しいアイデアはありません。私のディレクトリは、Sass、CSS、JS などですべて異なります。
- ビルドの自動化 - Grunt コンパス タスクはこのディレクトリ構造と互換性がありませんか? - スタックオーバーフロー
- 私の問題と非常によく似ています。しかし、OP はファイルを使用したいと考えて
config.rb
おり、自分のフォルダー構造内に配置することを好みました。
- 私の問題と非常によく似ています。しかし、OP はファイルを使用したいと考えて
- sass - コンパスプロジェクトで「プロジェクトディレクトリから個々のスタイルシートをコンパイルする必要があります」エラー - コードログ
- 解決策としてのコンパスのみの質問
compass init
。それでも、うなり声なしで使用すると、私のコンパスは機能します。だから私はこれを却下した。
- 解決策としてのコンパスのみの質問
PS: RVM と Git も使用しています。でも、ここは関係ないと思います。
アップデート:
小さなステップ…いくつかの進歩(実際にはそうではありません):
/Gruntfile.js
config.rb を追加する理由がわかりません (上記の「2 回目の試行」のようにすべてを書き留める代わりに、すべてが変更され、grunt は最終的に css ファイルを出力することを決定します。
/config.rb
サス:
レンダリングされた CSS:
エラーも表示されます:
通常の使用時にこれも取得するので、それは「問題ありません」compass watch
。ただし、うなり声を上げて、SASSコードの2行のコメントを外すと、これを吐き出して中止します。
「通常のコンパス」が機能するので奇妙です。コンパスをグローバルにインストールしませんでした。gem はこのプロジェクト フォルダーでのみアクティブです。したがって、その可能性は排除されます。
gruntjs - httpFontsPath の編集時にアセット ハッシュが失われる
したがって、私の本番プロジェクトのパスは、私の開発プロジェクトのパスとは異なります。したがって、コンパス構成でアセット パスを編集する必要があります。
ただし、ビルドされた css ファイルは次のようになります。
これの代わりに:
そして、そのコンパス構成行を省略すると、出力は次のようになります。
httpFontsPath を編集するとハッシュが失われるのはなぜですか??
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() を使用して、ここで見つけたようなアプローチで必要な機能を作成できるかどうか疑問に思っています。
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) で新しいプロジェクトを作成すると、上記のエラーが発生します。
何かご意見は?
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
gruntjs - Grunt-compass は複数のファイルをコンパイルできません
これは、以下に示すように、コンパスディレクトリのコードを含む私の Gruntfile.js (その一部) です。
私は grunt-newer を使用して、プロジェクト フォルダー内の最近編集された要素のみをコンパイルしています。
率直に言って、メインの開発フォルダーに 2 つのプロジェクト フォルダーがあり、grunt watch または grunt compass を実行すると、最新の変更を含む sass をコンパイルして、複数のプロジェクトで同時に作業できるようにしたいと考えています。私はいくつかのものを試しましたが、これしか得られません:
プロジェクト ディレクトリから個々のスタイルシートをコンパイルする必要があります。
これを回避する方法はありますか?
app1 (フォルダー) app2 app3 と app4 を操作したいのですが、grunt compass を実行するとコンパイラーがすべてのファイルをチェックし、変更のあるファイルのみを変更します。