私は grunt と compass-importer で libass と susy を使用しています。私のプロジェクトのインストールのベースは http://zellwk.com/blog/grunt-sass-with-susy/からのものです

ファイルを更新するまではすべて正常に機能していましたが、ソースマップはscssファイルからのプロパティの正確な行を提供しなくなりました。例は印刷物にあります。

サワーマップが 941 行を指す代わりに、935 行を指します。

私のうなり声ファイルは次のように構成されています：

私のscssファイルでコードスタイルを実行するのは面倒ですか?

.scss ファイルにコード スタイルを適用したいのですが、可能ですか?

そのタスクは、次の規則を適用して私のCSSコードをフォーマットします。それは可能ですか?

アーカイブしたい例

グーグルから：

宣言をアルファベット順に並べます。覚えやすく維持しやすい方法で一貫したコードを実現するために、宣言をアルファベット順に配置します。

または idiomatic-css から:

宣言の順序 宣言が一貫して順序付けされる場合、単一の単純な原則に従っている必要があります。

小規模なチームは、関連するプロパティ (ポジショニングやボックス モデルなど) をまとめてクラスター化することを好む場合があります。

ありがとうございました。

これに関連する多くの問題を見てきましたが、望ましい解決策が見つかりませんでした。

問題 : プロジェクトで sass ファイルまたは js ファイルを使用しているときに、それらのファイルが変更されたときにそれらのファイルをコンパイル/jshint したいと考えています。だから私はこれを行うためにgrunt-contrib-watchを使用しています。正常に動作していますが、いくつかのファイルが変更された後、ファイルの変更を追跡していますが、コンパイルを停止します(ファイルが変更されたときに実行する必要があるタスクの実行を停止します)。

コード :

sass 構成 (src と dest の値) を動的に更新しています。

パッケージ.json

コンソール画像リンク: https://cloud.githubusercontent.com/assets/8776227/16587119/b7bfb332-42e6-11e6-8281-789ef60d22ec.png

sass コードにエラーがない場合でもコンパイルを停止します。

grunt-contrib-watch プラグインの最新バージョンを使用しています。

さて、最初にこれを行いました。

そして、これは理にかなっていると思い、ルビーへのパスを追加する必要があるので、そうしました。次に、ルビーのバージョンを確認したところ、何かが返されました

これは、ルビーがインストールされていることを意味します。これで grunt sass が機能するはずですが、機能せず、同じ古いメッセージが表示されます。これです：

アップデート

実行すると次のようになりますgrunt-sass-force：

ブートストラップの依存関係を正常にダウンロードしてインストールしました。また、grunt ie grunt watch を使用して scss/bootstrap.scss を dist/css/bootstrap.css ファイルにコンパイルすることもできましたが、カスタム 'scss/style.scss' を追加しようとするとファイル、grunt watch は style.scss を無視し、dist/css/style.css を生成しません

ソースファイルhttp://v4-alpha.getbootstrap.com/getting-started/build-tools/からインストールするために、以下の URL に従っています。

絶対パスを必要とする grunt sass タスクで問題が発生しているようです。どのような変更がこれを引き起こしたのかはわかりません。

ただし、Grunt タスク内で絶対パスを使用すると、問題は解決したようです。チーム全体で機能するため、パスは正しいです。

バージョン:

Sass - 3.4.21 (選択的スティーブ)

ノード - v4.2.4

ルビー - ルビー 1.9.3p551 (2014-11-13) [i386-mingw32]

うなり声 - grunt-cli v1.2.0、うなり声 v0.4.5

これらのバージョンは、チーム内でも一貫しています。しかし、影響を受けたのは私だけのようです。

grunt-contrib-css を使用して sass ファイルを処理しています。これは次のワークフローです。

• partial.sassにはすべてのスタイルが含まれています。
• home.sass import partial.sass .
• home.cssは、 home.sassから作成されます。
• home.min.cssは、 home.css の縮小版であり、 .html ファイルに含まれています。

ただし、home.min.css のマップは home.css を指していますが、必要なのは部分ファイルに関連するマップです。これは可能ですか？

PD: grunt-contrib-sass を使用して sass ファイルを処理し、grunt-contrib-cssmin を使用して css を縮小しています。

だから、これは私のうなり声の中にあるものです：

SCSS:

grunt concatandを実行した後に返されるものは次のgrunt sassとおりです。 Error: Invalid CSS after "50px": expected expression (e.g. 1px, bold), was ";" on line 2 of all-collection.scss

;指定していた行の を削除しようとしましたが、エラーは;. なぜこのエラーが発生するのかわかりません。