Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/57.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails gulp插件gulp ruby sass未编译_Ruby On Rails_Ruby_Sass_Gulp_Gulp Ruby Sass - Fatal编程技术网

Ruby on rails gulp插件gulp ruby sass未编译

Ruby on rails gulp插件gulp ruby sass未编译,ruby-on-rails,ruby,sass,gulp,gulp-ruby-sass,Ruby On Rails,Ruby,Sass,Gulp,Gulp Ruby Sass,Gulp pluginGulp ruby sass()不编译,终端中的错误消息如下所示 var gulp = require('gulp'); var sass = require('gulp-ruby-sass'); gulp.task('sass', function () { return sass('source/file.scss') .on('error', sass.logError) .pipe(gulp.dest('result')); });

Gulp pluginGulp ruby sass()不编译,终端中的错误消息如下所示

var gulp = require('gulp');
var sass = require('gulp-ruby-sass');    

gulp.task('sass', function () {
  return sass('source/file.scss')
    .on('error', sass.logError)
    .pipe(gulp.dest('result'));
});

gulp ruby sass语法已更改:

instead of:                          it is now:

gulp.task('styles', function (){     gulp.task('styles', function (){
    gulp.src('sass/app.scss')            return 
        .pipe(sass())                        sass('sass/app.scss')
        .pipe(gulp.dest('css/')              .pipe(gulp.dest('css/')
    ;                                    ;
});                                  }); 
请检查并将您的问题标记为已解决

安装libsass,因为它比ruby-sass运行快得多, 它与node一起工作

安装吞咽加载插件,因为它执行的任务太多,而且加载速度太快 来自json的插件,无需在gulpfile中声明 (小心你用了多少,因为如果你装得太多,它会妨碍你 (表演)



我已经得到了这个解决方案,但是我仍然担心为什么代码
gulp.src('sass/app.scss')
不起作用。因为大多数教程都使用此代码:(示例:,sass函数以不同的方式工作。它需要一个path“pattern”参数。这就是为什么会出现错误。为什么示例代码不适用于您?您想要实现的是什么,而官方示例不适用于您?好吧,如果我想在其他插件之后运行sass呢?所以这不是我们使用的第一种方法正在准备中
npm install gulp-sass --save-dev`
npm install --save-dev gulp-load-plugins
 var gulp = require('gulp'),
      $ = require('gulp-load-plugins')({
        pattern: ['gulp-*', 'gulp.*'],
        replaceString: /\bgulp[\-.]/,
        lazy: true,
        camelize: true
      });

gulp.task('libsass', function () {
      gulp.src('sass/app.scss')
          .pipe($.sass({errLogToConsole: true}))
          .pipe($.autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
           }))
          .pipe($.sourcemaps.write('app/css/map'))
          .pipe(gulp.dest('app/css'))
  });