Question

我正在尝试在我的项目中使用基础网站，所以我使用bower下载它。

我有一个gulp.config.js文件，其中包含以下代码：

module.exports = function() {
  // PATHS TO JS AND SASS
  var GETPATHS = {
    VENDOR: [
      'bower_components/jquery/dist/jquery.min.js'
    ],
    JS: [
      'bower_components/foundation-sites/js/foundation.core.js',
      'src/assets/**/*.js'
    ],
    SASS: [
      'bower_components/foundation-sites/scss',
      'src/assets/scss/components'
    ]
  }
  return GETPATHS;
}

我的gulpfile本身有这个（SASS）：

gulp.task('sass', function() {
  return gulp.src('src/assets/scss/app.scss')
      .pipe(sass({ includePaths: config.SASS }))
      .pipe(autoprefixer())
      .pipe(cssnano())
      .pipe(gulp.dest('_build/assets/css'))
      .pipe(browserSync.stream());
});

这是我的app.scss文件

@import "foundation";

现在，问题是我不知道为什么app.css（在编译之后）显示一个空文件。导入“基础”似乎不起作用。任何帮助都表示赞赏，因为我对此很陌生。谢谢！

Answer 1

我建议安装一个Foundation Sites模板或使用基础cli来引导项目并获取所有导入所需的文件。

foundation.scss只包含mixins。您可以在https://github.com/zurb/foundation-zurb-template/blob/master/src/assets/scss/app.scss和https://github.com/zurb/foundation-sites-template/blob/master/scss/app.scss

看到正确配置的示例

另见Gulp & Foundation 6 not compiling

Gulp＆amp;基金会6没有编译

1 个答案: