我使用gulp-sass为我的项目很好地编译SCSS。然后,我决定改用.sass,因为它简单。我换成了吃红宝石,但是导入不起作用。这就是我所拥有的:
@import bootstrap/mixins我的目录结构:
|-- app
| |-- app.js
| |-- app.scss
| |-- app_controller.js
| |-- app_controller_test.js
| |-- bootstrap
| | |-- _mixins.scss
| | |-- _normalize.scss
| | |-- _variables.scss在我的gulpfile中:
gulp.task('css', function(){
gulp.src(['app.scss','./app/**/*.sass'])
.pipe(plugins.rubySass())
.pipe(plugins.concat('app.css'))
.pipe(gulp.dest('./build'));
});然后我得到了这个错误:
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请在这方面帮帮我。谢谢!
发布于 2014-07-21 02:27:07
应该是gulp.src(['app.scss','./app/**/*.scss'])而不是gulp.src(['app.scss','./app/**/*.sass'])吗
发布于 2014-07-21 22:05:58
您需要定义一个加载路径:
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的路径
https://stackoverflow.com/questions/24853464
复制相似问题