Javascript 使用Gulp.js和sass-ruby插件所需的GEMS
当我导入Javascript 使用Gulp.js和sass-ruby插件所需的GEMS,javascript,sass,gulp,Javascript,Sass,Gulp,当我导入 @import 'modular-scale'; @import 'normalize-scss'; 在我的sass文件中,预处理器中断并声明未找到它们 我已经检查了gems(看看它们是否已安装),并要求它们使用下面的gulp.js gulp.task('sass', function () { gulp.src('./assets/_dev/stylesheets/scss/**/*.scss') .pipe(sass({ noCache: true,
@import 'modular-scale';
@import 'normalize-scss';
在我的sass文件中,预处理器中断并声明未找到它们
我已经检查了gems(看看它们是否已安装),并要求它们使用下面的gulp.js
gulp.task('sass', function () {
gulp.src('./assets/_dev/stylesheets/scss/**/*.scss')
.pipe(sass({
noCache: true,
style: "expanded",
lineNumbers: true,
require: ['normalize-scss', 'modular-scale']
}))
.pipe(gulp.dest('./assets/build/css'))
.pipe(notify({
message: "Boom!"
})
);;
});
任何帮助都将不胜感激。我忘了包括“compass:true”,这似乎使require参数起作用
完整的工作代码为:
gulp.task('sass', function () {
gulp.src('./assets/_dev/stylesheets/scss/**/*.scss')
.pipe(sass({
noCache: true,
style: "expanded",
lineNumbers: true,
compass: true,
require: ['normalize-scss', 'modular-scale']
}))
.pipe(prefix("last 1 version", "> 1%", "ie 8", "ie 7", "ie 6"))
.pipe(gulp.dest('./assets/build/css'))
.pipe(livereload())
.pipe(notify({
message: "Boom!"
})
);;
});
编辑:虽然添加了这一点使得“模块化规模”GEM起作用,但它并没有使规范化GEM包括-我相信GEM有问题。我确信你现在已经解决了这个问题,但我认为这可能会对某些人有所帮助。我在使用不同的gems
neat
和bourbon
时遇到了类似的问题,无法在我的gulpfile
中配置路径,以便识别它们。无论如何,将gems安装在与mystyle.scss相同的目录中就成功了。我想知道这是否能解决这个问题。在我的情况下,创建符号链接也很有效;只需要在my~/.rbenv/
中找到合适的文件夹