app.scss
〜100個の他のScssファイルをインポートする単一のファイルがあります。これはapp.css
、gulp タスクでコンパイルされます。 app.css
4095 を超えるセレクターが含まれているためgulp-bless
、複数のファイルに分割するために使用します。
これは、sourcemapを除いてすべて機能します。
のGitHubページにgulp-bless
は、「これはgulp-sourcemapsで使用できます」と記載されていますが、ドキュメントや追加の詳細はまったくありません。
以下は、プロセス全体をフリーズさせます。
gulp.src('/path/to/app.scss'))
.pipe(sourcemaps.init())
.pipe(sass({
style: 'expanded'
}))
.pipe(autoprefixer())
.pipe(sourcemaps.write())
.pipe(bless({
imports: false
}))
.pipe(gulp.dest('/path/to/compiled-css'))
bless
の前に配置するsourcemaps.write()
と、結果のファイルからソースマップが完全に削除されます。
ソースマップを gulp-bless でうまく使った人はいますか?