一飲而盡sourcemaps產生最後SCSS文件只

我是新來吞掉插件和我試圖讓sourcemaps工作一飲而盡sourcemaps產生最後SCSS文件只

文件結構

css/ 
    sass/ 
     theme/ 
      _some-style.scss 
      _some-style-2.scss 
      _some-style-3.scss 
     style.scss 
    style.css 
    style.css.map

在我style.scss文件我有

@import "theme/some-style"; 
@import "theme/some-style-2"; 
@import "theme/some-style-3";

偉大的，所以我只是越來越，_some-style-3.scss出現在我的開發工具，當我檢查。我知道我有一個路徑問題，但不知道如何解決它。

咕嘟咕嘟文件：

gulp.task('sass', function() { 
    return gulp.src(css/sass/theme/**/*.scss) 
     .pipe(sourcemaps.init()) 
     .pipe(sass.sync().on('error', sass.logError)) 
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest(css)); 
});

來源

2016-11-04 user4447826

你的輸入是一個有點混亂，你有你的文件結構，import語句，和你一飲而盡的文件不同的路徑。我將根據您在文件結構中提供的路徑回答我的答案。

你的文件結構說「主旋律」是直接「薩斯」下，所以你的@import聲明應該是@import "theme/_various-scss-file.scss"
你需要指定gulp.src不只是路徑SCSS文件，例如gulp.src('css/sass/style.scss') 。並根據您的文件結構輸出路徑，並假定您的gulp文件與css文件夾在同一文件夾中，應爲gulp.dest('css')。

來源

2016-11-04 00:40:59

哇，是啊，我寫這個時很累。它應該更新以代表我現在實際擁有的。 – user4447826

如果您已經將其他文件導入到style.scss中，那麼您只需要在gulp.src中指定該文件即可。像這樣：'return gulp.src（css/sass/style.scss）' –

想通了。與路徑無關。我沒有包括，我也是首先壓縮我的scss，這是干擾源映射

來源

2016-11-08 00:07:55 user4447826

一飲而盡sourcemaps產生最後SCSS文件只

回答

相關問題