gulp src整个目录的转换

162 阅读1分钟

需要安装相关插件

注:只有在处理babel是需要安装多个插件

const { src, dest, parallel } = require('gulp')
const sass = require('gulp-sass')
const babel = require('gulp-babel')
const swig = require('gulp-swig')
const imagemin = require('gulp-imagemin')

const style = ()=> {
    return src('src/assets/styles/*.scss', { base:'src'})
    .pipe(sass({ outputStyle: 'expanded'}))
    .pipe(dest('dist'))
}
const script = () => {
    return src('src/assets/scripts/*.js', { base: 'src'})
    .pipe(babel({ presets:[ '@babel/preset-env' ]}))
    .pipe(dest('dist'))
}
const page = () => {
    return src('src/*.html', { base: 'src'})
    .pipe(swig())
    .pipe(dest('dist'))
}

const image = () => {
    return src('src/assets/images/**', { base: 'src'})
    .pipe(imagemin())
    .pipe(dest('dist'))
}

const font = () => {
    return src('src/assets/font/**', { base: 'src'})
    .pipe(imagemin())
    .pipe(dest('dist'))
}


const compile = parallel(style, script, page, image, font)



module.exports = {
    compile
}