-
ID:ApxNXF さんの質問

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 件

ID:fB.x9B さんの回答

グローバルインストールされてるなどしてlocalのモジュール群のバージョンが違うんでは

ID:ApxNXF

秒速で回答いただきありがとうございます!


  • package.jsonを確認したところ、
    各モジュールのバージョンはすべての環境で同じだったのですが、
    localのモジュール群のバージョンとはそういうことであっていますか?
ID:H.NJGA さんの回答

gulp-ruby-sassが依存してるsassのバージョンが違うとか、ホームディレクトリにグローバルな設定ファイルがおいてあるんじゃない?

ID:ApxNXF

返信が遅くなり、申し訳ございません。


  • sassのバージョン盲点だったので確認しましたが、
    差異はありませんでした。

  • グローバルな設定ファイルも特に無いみたいなので、
    解決には至りませんでした。
ID:ZvYlxw さんの回答

まずは、どのプラグインが差異を出しているかを探すこと。その上で、そのプラグインがメンバー一律のものを使用しているか確認すること。最低限そこまで確認しないと話が始まらない。

ID:ApxNXF さんの回答

一度、node.js・gulp・npm・ruby・sassを一度削除して、
再度インストールし直した方が早いのかなと思うのですが、
npmのパッケージをすべて削除する方法ってあるのでしょうか?

ID:qqSPqv さんの回答

ホントにsassのせい? 他にもcssをいじるプラグインがあるみたいだけど。sass以外全部外して差異が出るか確認しては。

ID:dwbh6P

回答ありがとうございます。
結局、どれが原因かの特定はできませんでしたが、
無事解決することができました。
お騒がせしました。

ID:dwbh6P さんの回答

結局、Node.js・gulp・npm・sass・gulpパッケージ一覧を最新のものにすることで解決いたしまいした。


  • ひとつひとつためしたわけではないので、
    原因の特定には至りませんでしたが、
    回答ありがとうございました!

ID:FXV2N6

おつ

最終更新日:2016-05-27 (2,090 views)

関連するトピックス

ページ上部に戻る