同じディレクトリにあるすべてのSASSファイルから、次のようにネストされた構造に行きました。さて、クロムの要素を調べると、間違ったソースマップが表示されます。たとえば、ボタンを調べると、_buttons partialに行くのではなく、無関係な別のランダムな部分に移動します。誰がなぜこれが起こっているのか知っていますか?私のgulpファイルで何か変更する必要がありますか?SASS /ソースマップがネストされた構造でロードされない
-1
A
答えて
0
https://www.npmjs.com/package/sass-module-importer
をインストールする必要がありますを見ることができますgulpファイル内のcssファイルのコピーを作成します。最も簡単な解決策は、sass-module-importerを含めることでした。 gulpファイルは、最終的な解決策で以下に更新されています。
0
あなたは.scssファイルは*が、あなたのgulpjsのconfig.input.sassでいます。ファイル形式が間違っている可能性があります。
私はコンパスを使用して、それはこれが私の実施例である。この
gulp.task('compass', function() {
gulp.src(inputDir+'/*.'+fileType)
.pipe(compass({
css: outputDir,
sass: inputDir,
sourcemap: true
}))
.pipe(gulp.dest(outputDir))
.pipe(connect.reload());
});
のように見えます。あなたは、生成されたmain.css.map あなたは問題が、我々はmain.scssファイルに一緒にSASSとCSSファイルをインポートし、どのようにしなければならなかった https://www.npmjs.com/package/gulp-sass https://www.npmjs.com/package/gulp-sourcemaps
関連する問題
- 1. SASSでネストされたデータトグル
- 2. クラスがネストされた構造。スコープエラー
- 3. NG-Tableがネストされたデータ構造で動作しない
- 4. ネストされた構造でコンパイルされない一般的なマップ
- 5. C#でネストされた構造体が良いか悪いか
- 6. 部分的にネストされた構造体が継承されない
- 7. ネストされた構造体 - 入力
- 8. VBA内のネストされた構造
- 9. バックボーンモデル:ネストされたデータ構造
- 10. golangネストされた構造体とマップ
- 11. ネストされた関数構造unvisible
- 12. C#ネストされた構造マーシャリング - オブジェクト
- 13. 構造化された、構造化されていない、半構造化されたデータ
- 14. ネストされたが、私が構造以下のいる
- 15. ネストされた。これは、テーブル構造(関連ビット)である
- 16. グラフのような構造のネストされたセットモデル
- 17. ディレクトリ構造を作成する(ネストされたルート+きれいなURL、...)
- 18. Strongloop:ループバックでネストされた構造化モデルを作成
- 19. バックボーン・リレーショナルでネストされた構造を作成する
- 20. createDocumentFragmentでネストされたdiv構造を挿入する
- 21. エリクサー:ネストされた構造体からエリクサーで
- 22. EF6:SQL Serverで、ネストされたTPH構造上に含める
- 23. Perlでネストされたハッシュデータ構造をpopluatingする問題
- 24. 機能更新で非ネストされた構造
- 25. Cでのネストされた構造の使用
- 26. PythonからC-宣言されたネストされた構造体にアクセスする
- 27. オンブラウザリロードAngular js 2ネストされたルートコンポーネントがロードされていない
- 28. 構成が再ロードされない
- 29. 私は、このネストされた構造体を理解していない
- 30. 構造体を関数に渡すと、構造体がネストされます。
上記の変更を行い、正しいソースマップが表示されません。上記のGulp設定の画像を追加しました – Chris
あなたが逃したかもしれない 'var sourcemaps = require( 'gulp-sourcemaps');' – FightInGlory
私はファイル内にそれを持っています – Chris