首页 > 代码库 > sass mapsource --->gulp

sass mapsource --->gulp

详细,请戳这里

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 ));  });

4.在谷歌浏览器设置一下;

点击控制台的设置按钮 ;

如图

技术分享

 

选择图中的

技术分享

最后你会在图1中看到结果;

sass mapsource --->gulp