需要安装相关插件
注:只有在处理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
}