【问题标题】:Gulp sass task not building properlyGulp sass 任务没有正确构建
【发布时间】:2016-01-05 19:31:56
【问题描述】:

在我的本地机器上克隆我团队的 repo 后,我无法让 gulp 正常工作。虽然 gulp 本身按预期执行所有任务,但我在浏览器中收到以下 rails 错误:

Invalid CSS after "": expected selector, was ""[data-magellan..."
(in  /Users/my-user-name/workspace/name-of-my-app/app/assets/stylesheets/application.css.scss:1)

我知道 repo 中没有错误,因为其他开发人员在他们的机器上运行它并且运行良好。我观察到错误发生在 gulp sass 任务运行之后,它修改了 vendor/assets/stylesheets 中的文件。

尝试运行 gulp 几次,清除缓存并重新克隆整个项目。在进行任何更改之前在 master 上运行。还是同样的问题。可能是我没有想到的其他一些依赖项吗?任何帮助/方向将不胜感激! :-)

这是 Sass 任务:

var gulp         = require('gulp');
var ext          = require('gulp-ext');
var plumber      = require('gulp-plumber');
var sass         = require('gulp-sass');
var sourcemaps   = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var fingerprint  = require('gulp-fingerprint');
var handleErrors = require('../util/handleErrors');
var config       = require('../config');

gulp.task('sass', function () {
  return gulp.src(['./gulp/assets/stylesheets/application.scss', './gulp/assets/stylesheets/life_widget.scss'])
    .pipe(plumber())
    .pipe(sass({outputStyle: 'compressed'}))
    .on('error', handleErrors)
    .pipe(autoprefixer({ browsers: ['last 2 version', 'ie 9'] }))
    .pipe(gulp.dest(config.sass.dest))
    .pipe(fingerprint('rev-manifest.json', {
      mode: 'replace',
      prefix: '/'
    }))
    .pipe(gulp.dest(config.sass.dest));
});

【问题讨论】:

  • 你能发布你的 gulp 任务来处理你的样式吗?

标签: compilation gulp frontend assets gulp-sass


【解决方案1】:

问题是节点版本。我们的仓库需要v0.12.7,而我使用的是较新的5.5.5

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-23
    • 2015-06-14
    相关资源
    最近更新 更多