Gulp自动化构建案例---样式编译

1、安装gulp

yarn add gulp

2、在根目录下新建gulpfile文件，作为gulp入口

 3、安装转换插件

yarn add gulp-sass --dev

//sass只转换主文件，带有下划线的文件会被认为是主文件的依赖文件，不会去转换

4、基本使用

const {src,dest} = require('gulp');
const sass = require('gulp-sass');
//base:'src'，转义文件时保留src路径
//outputStyle:'expanded，将样式的大括号展开
const style = () =>{
  return src('src/assets/styles/*scss',{base:'src'})
  .pipe(sass({outputStyle:'expanded'}))
  .pipe(dest('dist'))
}
module.exports = {
  style
}