我已经建立了一个Gulp环境,旨在使用Compass编译和压缩SASS。
我创建了所需任务的gulpfile,所有包都已安装并运行良好,SASS编译和压缩都完全正常,直到我尝试添加以下内容:
任何帮助都将不胜感激。就像我所说的,一切工作正常。当更改发生时,观察任务会运行并编译我的SASS和JavaScript。但是,当我尝试导入Compass时,它就会出错。
我创建了所需任务的gulpfile,所有包都已安装并运行良好,SASS编译和压缩都完全正常,直到我尝试添加以下内容:
@import "compass";
我在我的 mac 上安装了 Compass,并安装了 node_package,但当我运行 gulp 任务时,出现了以下错误:
error style.scss (Line 15: File to import not found or unreadable: compass
我就是无法弄清楚这里的问题所在。我在Stackoverflow上看到很多人都遇到了相同的问题,而我已经尝试了一切。
我尝试安装Compass的--pre
版本,尝试卸载Compass和SASS,再重新安装它们,但没有任何效果。
这是我的package.json
中的devDependencies:
"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"
}
我的gulpfile.js
中的样式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任务:
gulp.task('default',['scripts', 'styles', 'watch']);
任何帮助都将不胜感激。就像我所说的,一切工作正常。当更改发生时,观察任务会运行并编译我的SASS和JavaScript。但是,当我尝试导入Compass时,它就会出错。