编译青菜与一饮而尽，萨斯

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）

希望它有帮助。