gulp-sass：プレフィックスの追加を無効にする方法背景画像のパス

Question

みなさんこんにちは！

私はwebアプリケーションを開発していて、gulp-sassを使ってファイルをCSSにコンパイルしています。

概略プロジェクト構造：component.scssインサイド

build/ 
    -image.png 
    -build.css 
src/ 
    -app/ 
    -component_1/ 
     -component.scss 

：ここ

div.component { 
    background: url("/image.png") no-repeat center center; 
} 

がCSSにコンパイルSASSを担当し、私のがぶ飲みスクリプトです：

gulp.task('sass', function() { 
    return gulp.src("src/app/**/*.scss") 
    .pipe(sass().on("error", sass.logError)) 
    .pipe(gulp.dest("./sass.compiled/")) 
    .pipe(concatCss("build.css")) 
    .pipe(gulp.dest("build")); 
}); 

結果：gulp-scssは、パス 'background_1'で背景のurlプロパティを先頭に追加します。だからではなく、の期待：

background: url("/image.png") no-repeat center center; 

私が取得：

background: url("component_1/image.png") no-repeat center center; 

は、私がこのような行為を防ぐために、ゴクゴク-SASSを作ることができ方法はありますか？

Answer 1

の原因となっているのはgulp-sassではありません。

を連結cssファイル、（標準どおり）@import文をバブリングし、必要に応じてリベースのURLとローカル@import文をインライン化：package description状態として。

オプションのURLリベースを無効にする必要があります。 を使用してください：

gulp.task('sass', function() { 
    return gulp.src("src/app/**/*.scss") 
    .pipe(sass().on("error", sass.logError)) 
    .pipe(gulp.dest("./sass.compiled/")) 
    .pipe(concatCss("build.css", { rebaseUrls: false })) 
    .pipe(gulp.dest("build")); 
});