gulp-ruby-sass を使用して CSS にコンパイルされたファイル app.scss があります。問題は、コンソールで常に次のエラーが発生することです。
GET http://localhost:8100/css/app.css.map 404 (Not Found)
ブラウザで検査するときに、前処理されたファイルを見ることはあまり気にしません (レンダリングされた CSS の方が間違いを見つけるのに適しています)。私が望むのは、このエラー メッセージが消えることです。
私はアプリを構築するために Gulp を使用しています。この質問の目的のために、それはファイルが提供されるためにあるフォルダーから別のフォルダーに移動されることを意味します。
で作成してみました
sass css/app.scss:css/somethingelse.css --sourcemap
しかし、それは次の結果になりました:
DEPRECATION WARNING: Passing --sourcemap without a value is deprecated.
Sourcemaps are now generated by default, so this flag has no effect.
レンダリングされた CSS の下部に、次のコメントがあります。
/*# sourceMappingURL=app.css.map */
私のビルドファイルには以下が含まれています:
gulp.task('styles', function() {
gulp.src([appDir + '/www/css/*.css', './commons/styles/main.scss', appDir + '/www/css/*.scss'])
.pipe(plugins.rubySass({style: 'expanded'}))
.pipe(plugins.autoprefixer('last 1 version'))
.pipe(plugins.concat('app.css'))
.pipe(gulp.dest(buildDir + '/www/css'));
});
また、 sourcemap: 'none' を rubySass コンストラクターに追加しようとしました。
これの原因は何ですか?