标签：
gulp:http://gulpjs.com/
sass + gulp-autoprefixer
var gulp = require(‘gulp‘);
var sass = require(‘gulp-sass‘);
var autoprefixer = require(‘gulp-autoprefixer‘);
gulp.task(‘default‘, function() {
console.log(‘hello world!‘);
});
gulp.task(‘styles‘, function() {
gulp.src(‘sass/**/*.scss‘)
.pipe(sass().on(‘error‘, sass.logError))
.pipe(autoprefixer({
browsers: [‘last 3 versions‘]
}))
.pipe(gulp.dest(‘./css‘));
});
watch:
gulp.task(‘default‘, function() {
gulp.watch(‘sass/**/*.scss‘, [‘styles‘]);
});
live Editing:
browser-sync:http://www.browsersync.cn/docs/gulp/
var browserSync = require(‘browser-sync‘).create();
browserSync.init({
server: "./"
});
browserSync.stream();
-------------------------------------------------------------------------------------------------------------------------------------------------------------
gulpfile.js
var gulp = require(‘gulp‘);
var sass = require(‘gulp-sass‘);
var autoprefixer = require(‘gulp-autoprefixer‘);
var browserSync = require(‘browser-sync‘).create();
var reload = browserSync.reload;
gulp.task(‘default‘, function() {
gulp.watch(‘sass/**/*.scss‘, [‘styles‘, reload]);
gulp.watch(‘*.html‘, [reload]);
gulp.watch(‘js/*.js‘, [reload]);
});
gulp.task(‘styles‘, function() {
gulp.src(‘sass/**/*.scss‘)
.pipe(sass().on(‘error‘, sass.logError))
.pipe(autoprefixer({
browsers: [‘last 3 versions‘]
}))
.pipe(gulp.dest(‘./css‘));
});
browserSync.init({
server: "./"
});
browserSync.stream();
标签：
原文地址：http://www.cnblogs.com/Eyrum/p/5081235.html
