Sass 要导入的文件找不到或不可读:compass-Gulp环境
我已经建立了一个Gulp环境,目的是用Compass编译和缩小SASS 我已经用所有必需的任务创建了gulpfile,所有软件包都已安装并运行,SASS正在编译和缩小,直到我尝试添加:Sass 要导入的文件找不到或不可读:compass-Gulp环境,sass,compass-sass,gulp,Sass,Compass Sass,Gulp,我已经建立了一个Gulp环境,目的是用Compass编译和缩小SASS 我已经用所有必需的任务创建了gulpfile,所有软件包都已安装并运行,SASS正在编译和缩小,直到我尝试添加: @import "compass"; 我在Mac电脑上安装了Compass,并且安装了node_软件包,但当我运行gulp任务时,出现以下错误: error style.scss (Line 15: File to import not found or unreadable: compass 我就是搞不懂这
@import "compass";
我在Mac电脑上安装了Compass,并且安装了node_软件包,但当我运行gulp任务时,出现以下错误:
error style.scss (Line 15: File to import not found or unreadable: compass
我就是搞不懂这里有什么问题我在Stackoverflow上看到了很多问题,有人遇到了同样的问题,我已经尝试了所有的方法。
我尝试在Compass上安装--pre
版本,尝试卸载Compass和SASS,然后重新安装,但什么也没有
以下是我的包.json中的依赖项:
"devDependencies": {
"gulp": "^3.8.8",
"gulp-compass": "^1.3.2",
"gulp-concat": "^2.4.1",
"gulp-minify-css": "^0.3.10",
"gulp-ruby-sass": "^0.7.1",
"gulp-uglify": "^1.0.1",
"gulp-util": "^3.0.1"
}
mygulpfile.js中的styles gulp任务:
gulp.task('styles', function () {
return gulp.src('../source/sass/style.scss')
.pipe(sass({sourcemap: true, sourcemapPath: 'style.css'}))
.on('error', function (err) { console.log(err.message); })
.pipe(minifyCSS())
.pipe(gulp.dest('../public/_/'));
});
最后是把所有东西放在一起的吞咽任务:
gulp.task('default',['scripts', 'styles', 'watch']);
任何帮助都将不胜感激。正如我所说,一切都很顺利。进行更改后,watch任务将运行并编译我的SASS和Javascript。当我尝试导入Compass时,它会断开。您已经安装了gulp Compass,但您没有在任务中使用它,因此它不应该工作
由于您使用的是gulp ruby sass,我认为您应该使用它的compass
选项并将其设置为true
,然后删除未使用的gulp compass模块
您的任务如下所示:
gulp.task('styles', function () {
return gulp.src('../source/sass/style.scss')
.pipe(sass({ compass: true, sourcemap: true, sourcemapPath: 'style.css'}))
.on('error', function (err) { console.log(err.message) })
.pipe(minifyCSS())
.pipe(gulp.dest('../public/_/'))
})
非常感谢你,这工作做得很好,真是个愚蠢的错误!我会尽我所能给你赏金。很高兴能帮上忙:)