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

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容