編譯青菜與一飲而盡，薩斯

Question

我試圖編譯一些.scss具有以下咕嘟咕嘟任務：

var gulp = require("gulp"), 
    rimraf = require("rimraf"), 
    concat = require("gulp-concat"), 
    cssmin = require("gulp-cssmin"), 
    uglify = require("gulp-uglify"), 
    sass = require('gulp-sass'); 

var paths = { 
    webroot: "./wwwroot/" 
}; 

paths.sass = paths.webroot + "lib/foundation-apps/scss/**/*.scss"; 

gulp.task('sass', function() { 
    gulp.src(paths.sass) 
    .pipe(sass()) 
    .pipe(gulp.dest(paths.webroot + '/css/')); 

}); 

這是命令的輸出：

但以下是編譯的結果：

爲什麼只有foundation.scss被編譯？

Answer 1

檢查基礎應用程序（位於包文件夾中）的bower.json文件的結構。

如果是對項目的github回購發現了同樣的，應該是這樣的：

... 

    "main": [ 
    "scss/foundation.scss", 
    "dist/js/foundation-apps.js", 
    "dist/js/foundation-apps-templates.js" 
    ], 

... 

這意味着只有SCSS/foundation.scss文件將被編譯。 如果要指定其他文件，你應該建立在你的應用程序bower.json文件覆蓋（你的根路徑上）

嘗試添加到的文件是這樣的結尾：

... 

"overrides": { 
    "foundation-apps": { 
     "main": [ 
      "scss/foundation.scss", 
      ... (all the other files you want) ... 
      "dist/js/foundation-apps.js", 
      "dist/js/foundation-apps-templates.js" 
     ] 
    } 
} 

... 

通過這種方式，您可以在不覆蓋自定義配置的情況下更新您的版本（對於包文件夾默認爲bower.json）

希望它有幫助。