gulp实现项目的构建任务

// 实现这个项目的构建任务

const { src, dest } = require('gulp')

const sass = require('gulp-sass')

const babel = require('gulp-babel')

const style=()=>{

    return src('src/assets/styles/*.scss',{base:'src'})

        .pipe(sass({outputStyle:'expanded'}))

        .pipe(dest('dist'))

}

// 注意sass默认以 _ 开头的css文件为主css文件的引入文件,不会去转换输出

const script = () => {

    return src('src/assets/scripts/*.js', { base: 'src' })

      .pipe(babel({ presets: ['@babel/preset-env'] }))

      .pipe(dest('dist'))

  }

// 如果未设置,会造成转换不生效

module.exports = {

    style,

    script

}

你可能感兴趣的:(gulp实现项目的构建任务)