首页 > 代码库 > 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。