Gulp没有编译SCSS到CSS
我是新来的gulp sass,所以我现在正在学习这个https://css-tricks.com/gulp-for-beginners/。我从上面的链接工作的当前主题是#Preprocessing与咕嘟咕嘟Gulp没有编译SCSS到CSS
所有的东西,直到我测试我的青菜档测试之后(要知道,它正在编制CSS)我触发它越来越细不是将SCSS编译为CSS,为什么会这样。
想想知道。
我目前不在我的本地主机上工作。我在桌面上创建了项目文件。
我创建手动CSS文件,第一次看到我的SCSS编译我目前的CSS文件
什么我做错了。
UPDATE:
里面我咕嘟咕嘟文件:
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src('app/scss/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('app/css'));
})
我的文件结构:
|- app/
|- css/
|- fonts/
|- images/
|- index.html
|- js/
|- scss/
|- style.scss
|- dist/
|- gulpfile.js
|- node_modules/
|- package.json
注:文件结构是相同的就像在CSS技巧中一样。
尝试增加./
到源路径:
return gulp.src('./app/scss/**/*.scss')
...
这告诉它从当前目录,相对于gulpfile开始。
编辑 - 你还需要为目标路径同样的事情:
.pipe(gulp.dest('./app/css'));
你gulpfile看起来确定。您的文件夹结构可以。
我想问你是否在你的机器上安装了gulp-sass。
如果您还没有安装。
安装它npm install gulp-sass --save-dev
。
你实际上不需要创建css文件来测试它的工作与否。如果你创建了也可以。
检查并告诉我们。谢谢。
您需要删除该线路上
.pipe(gulp.dest('app/css'));
分号,并添加一个O任务的结束,这样
gulp.task('sass', function() {
return gulp.src('app/scss/**/*.scss')
.pipe(sass())
.pipe(gulp.dest('app/css'))
});
谢谢。这样可行! – user3739018
告诉我们您的gulpfile和文件结构 – magreenberg
@magreenberg让我更新。 –
@magreenberg我用我的文件结构和grunt文件代码更新了我的答案 –