首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Gulp无错误,但sass未编译成css

Gulp无错误,但sass未编译成css
EN

Stack Overflow用户
提问于 2017-11-13 00:32:24
回答 1查看 530关注 0票数 0

请帮帮忙,我没有得到任何错误,但这段代码将不会从scss文件创建编译的css。我正在写下划线可湿性粉剂主题内的代码,如果这有关系,我不认为它应该。我已经在我的机器上加载了所有依赖项。我会附上我的JSON,以防有人需要看到它。

代码语言:javascript
复制
    var themename = 'taylerco';

var gulp = require('gulp'),
    //prepare and optimize code
    autoprefixer = require('autoprefixer'),
    browserSync = require('browser-sync').create(),
    image = require('gulp-image'),
    jshint = require('gulp-jshint'),
    postcss = require('gulp-postcss'),
    sass = require('gulp-sass'),
    sourcemaps = require('gulp-sourcemaps'),

   //only work with new or updated files
   newer = require('gulp-newer'),

   //name of working theme folder
   root = '../' + themename + '/',
   scss = root + 'sass/',
   js = root + 'js/',
   img = root + 'images/',
   languages = root + 'languages/';

// css via sass and autoprefixer
gulp.task('css', function(){
    return gulp.src(scss + '{style.scss,rtl.scss')
    .pipe(sourcemaps.init())
    .pipe(sass({
        outputStyle:'expanded',
        indentType:'tab',
        indentWidth:'1'
    }).on('error', sass.logError))
    .pipe(postcss([
        autoprefixer('last 2 versions', '> 1%')
    ]))
    .pipe(sourcemaps.write(scss + 'maps'))
    .pipe(gulp.dest(root));
});

//optimize images through gulp-image
gulp.task('images', function(){
    return gulp.src(img + 'RAW/**/*.(jpg,JPG,png)')
    .pipe(newer(img))
    .pipe(image())
    .pipe(gulp.dest(img));
});

//javascript
gulp.task('javascript', function(){
    return gulp.src([js + '*.js'])
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    .pipe(gulp.dest(js));

});

//watch everything
gulp.task('watch', function(){
    browserSync.init({
        open: 'external',
        proxy: 'localhost:8888',
        port: 8080
    });
    gulp.watch([root + '**/*.css',root + '**/*.scss'], ['css']);
    gulp.watch(js + '**/*.js', ['javascript']);
    gulp.watch(img + 'RAW/**/*.(jpg,JPG,png)', ['images']);
    gulp.watch(root + '**/*').on('change', browserSync.reload);
});

//default talk (runs at initiation: gulp --verbose)
gulp.task('default', ['watch']);

package.json

代码语言:javascript
复制
{
  "name": "tayler.co",
  "version": "1.0.0",
  "description": "",
  "main": "gulpfile.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "autoprefixer": "^7.1.6",
    "browser-sync": "^2.18.13",
    "gulp": "^3.9.1",
    "gulp-image": "^4.1.0",
    "gulp-jshint": "^2.0.4",
    "gulp-newer": "^1.3.0",
    "gulp-postcss": "^7.0.0",
    "gulp-sass": "^3.1.0",
    "gulp-sourcemaps": "^2.6.1",
    "jshint": "^2.9.5"
  }
}
EN

回答 1

Stack Overflow用户

发布于 2017-11-13 20:24:43

你的语法中似乎有一个打字错误。

变化

代码语言:javascript
复制
 return gulp.src(scss + '{style.scss,rtl.scss')

代码语言:javascript
复制
 return gulp.src(scss + '{style.scss,rtl.scss}')
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47251193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档