3

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' を ruby​​Sass コンストラクターに追加しようとしました。

これの原因は何ですか?

4

1 に答える 1