gulp plugin gulp-ruby-sass没有编译

作者: 誓言
发布时间: 2025-03-11 06:11:48 (1月前)
转自：

3 条回复

0#
回复此人
Just do it | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 该 <a href="https://github.com/sindresorhus/gulp-ruby-sass"> 官方gulp-ruby-sass文档 </A> 说它应该这样做： </p> <pre> <code> 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')); }); </code> </pre> </DIV>

编辑
1#
回复此人
老人与海 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <BLOCKQUOTE> <P> 安装的<strong> libsass </强> 因为它跑得比红宝石快得多，它适用于节点 </p> </BLOCKQUOTE> <pre> <code> npm install gulp-sass --save-dev` </code> </pre> <BLOCKQUOTE> <P> 安装的<strong> gulp加载插件 </强> 因为它做得太多而且负荷很重来自你的json的插件，你不需要在你的gulpfile中声明（小心你使用了多少，因为如果加载太多会阻碍它性能） </p> </BLOCKQUOTE> <pre> <code> npm install --save-dev gulp-load-plugins </code> </pre> <HR /> <pre> <code> 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')) }); </code> </pre> </DIV>

编辑

登录后才能参与评论