ファイルassets/css/main.css
を取得し、RewriteRule を振りかけると、次のようになります。
<link rel="stylesheet" href="assets/css/main.X.css" />
問題は、BrowserSync が URL をファイルに「マップ」できなくなり、CSS インジェクションが失敗することです。ドキュメントをトロールしても何も明らかになりませんでした。誰かが同様の状況に遭遇したかどうか疑問に思いましたか? 典型的な一口セットアップ:
gulp.task( "sass", function() {
return gulp.src( "scss/main.scss" )
.pipe( sass() )
.pipe( gulp.dest( "assets/css" ) )
.pipe( browserSync.stream() );
});
gulp.task( "default", [ "sass" ], function() {
browserSync.init({
proxy : "localhost"
});
gulp.watch( "scss/**/*.scss", [ "sass" ] );
});