sass mapsource --->gulp

时间：2015-01-30 14:34:04 阅读：159 评论：0 收藏：0 [点我收藏+]

标签：

1.安装插件

npm install --save-dev gulp-sass gulp-sourcemaps gulp-autoprefixer

如果安装错误，请用sudo 权限；

2.在gulp.js中，引用所需的插件如下；

var sass = require(‘gulp-sass‘);
var prefix = require(‘gulp-autoprefixer‘);
var  maps = require(‘gulp-sourcemaps‘);

3.新建任务

var path = {
        scss: ‘./www/style/Myself.scss‘,
        css: ‘./www/style/‘
      }
 //编译sass       
gulp.task(‘sass‘, function() {
gulp.src( path.scss)
  .pipe(maps.init())
    .pipe(sass({ outputStyle: ‘compressed‘ }))
      .pipe(maps.write())
      .pipe(gulp.dest( path.css ))
});

gulp.task(‘autoprefix‘, function() {
gulp.src( path.css )
  .pipe(prefix(‘last 5 versions‘, ‘> 1%‘, ‘ie8‘))
  .pipe(gulp.dest( path.css ));  
});