gulpに関する質問
同じタスクが記載された、gulpfile.jsを共有して、
複数人で開発しているのですが、
「SCSS」→「CSS」からコンパイルすると、
書き出されるCSSファイルに微妙な差異がでてしまいます。
(例・改行位置や背景画像のパスの「.」の有無、またfilter: alpha(opacity=0); といったフォールバックの有無。)
gulpfile.jsや書き出し元となる「SCSS」はgitで管理しており、
何度確認しても差分は見つかりませんでした。
なにが原因かわからず困っているのですが、
予測で結構ですので、なにか手がかりを教えていただけないでしょうか。
なお、CSSの書き出しに関連しそうなプラグインは下記になります。
gulp-csscomb//CSSプロパティの自動ソート
gulp-notify//エラー発生時にデスクトップ通知
gulp-pleeease//ベンダープレフィックスの自動付与
gulp-plumber//コンパイルエラーでwatchの停止を防ぐ
gulp-ruby-sass//scssのコンパイル
gulp-sourcemaps//scssソースマップの作成
みんなの回答 6 件
グローバルインストールされてるなどしてlocalのモジュール群のバージョンが違うんでは
gulp-ruby-sassが依存してるsassのバージョンが違うとか、ホームディレクトリにグローバルな設定ファイルがおいてあるんじゃない?
まずは、どのプラグインが差異を出しているかを探すこと。その上で、そのプラグインがメンバー一律のものを使用しているか確認すること。最低限そこまで確認しないと話が始まらない。
一度、node.js・gulp・npm・ruby・sassを一度削除して、
再度インストールし直した方が早いのかなと思うのですが、
npmのパッケージをすべて削除する方法ってあるのでしょうか?
ホントにsassのせい? 他にもcssをいじるプラグインがあるみたいだけど。sass以外全部外して差異が出るか確認しては。
結局、Node.js・gulp・npm・sass・gulpパッケージ一覧を最新のものにすることで解決いたしまいした。
ひとつひとつためしたわけではないので、
原因の特定には至りませんでしたが、
回答ありがとうございました!
関連するトピックス