gulp的基本使用

1 cnpm i gulp -D
2 cnpm i node-sass gulp-sass -D
3 cnpm i gulp-clean-css gulp-rename -D

const gulp=require("gulp")
const sass = require("gulp-sass")
const cleanCss = require("gulp-clean-css")
const rename = require('gulp-rename')

gulp.task('sass',()=>{//处理sass模块
  gulp.src('./**/*.scss')//找到当前文件夹scss文件
  .pipe(sass())//编译成css文件
  .pipe(cleanCss())//压缩成css文件
  .pipe(rename((path)=>{
   path.extname = '.wxss'//改成微信css文件的后缀wxss
   }))
   .pipe(gulp.dest('./'))//放到当前文件夹
  
 })


//下面的代码作用是，不需要每写一行css代码就运行gulp sass命令编译一次，这样太麻烦
gulp.task('watch',()=>{
  gulp.watch('./pages/**/*.scss',['sass']) 
   gulp.watch('./components/**/*.scss',['sass'])
})

然后运行命令：gulp watch (打开监听，编译scss的同时css也同步更新),微信开发平台不支持scss文件