Css SASS基金会，编译只导入一个组件

以下是我当前的（相关部分）gulpfile：

gulp.task('styles', function() {
  return gulp.src('app/stylesheets/main.scss')
    .pipe(plumber())
    .pipe(sass())
    .pipe(autoprefixer())
    .pipe(gulpif(production, cssmin()))
    .pipe(gulp.dest('public/css'))
    .pipe(livereload());
});

使用以下main.scs：

@import "normalize";
@import "foundation";

以下是应用程序/样式表文件夹的文件夹结构：

-- app -- stylesheets ---foundation.scss
                       |-normalize.scss
                       |-main.scss
                       |-foundation-------_functions.scss
                                        |-_settings.scss
                                        |-_components/

gulp处理后生成的main.css文件最终只包含normalize.scss样式以及类似于_tables.scss和_visibility.scss组件的内容

我曾尝试将includePaths与gulp sass结合使用，但根本没有编译任何内容

另外，在main.scss文件中导入css而不是scss也可以，但是我想将行宽度设置更改为100%，所以我想使用scss文件

---

所有的基础文件都是原样的。请帮助我理解为什么不是所有的组件都在导入！谢谢大家!

> P>检查基础.SCSS文件，您需要初始化MIXIN，要么通过调用它们，要么用基础提供的乐趣调用它们：

@import 'foundation';
@include foundation-everything;

希望这有帮助。

在基础之前尝试“导入”设置，或者阅读