首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用gulp ruby- Sass后,sass导入不起作用

使用gulp ruby- Sass后,sass导入不起作用
EN

Stack Overflow用户
提问于 2014-07-21 02:14:52
回答 2查看 820关注 0票数 0

我使用gulp-sass为我的项目很好地编译SCSS。然后,我决定改用.sass,因为它简单。我换成了吃红宝石,但是导入不起作用。这就是我所拥有的:

代码语言:javascript
复制
@import bootstrap/mixins

我的目录结构:

代码语言:javascript
复制
|-- app
|   |-- app.js
|   |-- app.scss
|   |-- app_controller.js
|   |-- app_controller_test.js 
|   |-- bootstrap
|   |   |-- _mixins.scss
|   |   |-- _normalize.scss
|   |   |-- _variables.scss

在我的gulpfile中:

代码语言:javascript
复制
gulp.task('css', function(){
gulp.src(['app.scss','./app/**/*.sass'])
    .pipe(plugins.rubySass())
    .pipe(plugins.concat('app.css'))
    .pipe(gulp.dest('./build'));
});

然后我得到了这个错误:

代码语言:javascript
复制
error ./main/main.sass (Line 1: File to import not found or unreadable: bootstrap/mixins.
Load paths:
/private/var/folders/kn/29d686ds16s31t8mp0957dt40000gn/T/gulp-ruby-sass

请在这方面帮帮我。谢谢!

EN

回答 2

Stack Overflow用户

发布于 2014-07-21 02:27:07

应该是gulp.src(['app.scss','./app/**/*.scss'])而不是gulp.src(['app.scss','./app/**/*.sass'])

票数 0
EN

Stack Overflow用户

发布于 2014-07-21 22:05:58

您需要定义一个加载路径:

代码语言:javascript
复制
gulp.task('css', function() {
  return gulp.src(['app.scss','./app/**/*.sass'])
    .pipe(plugins.rubySass({
      loadPath: [
        process.cwd() + '/app'
      ]
    }))
    .pipe(plugins.concat('app.css'))
    .pipe(gulp.dest('./build'));
});

您可以通过逗号分隔来添加多个加载路径。函数process.cwd()用于获取gulpfile.js的路径

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24853464

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档