使用Gulp来压缩,重命名css

需要安装插件gulp-clean-css, gulp-rename

const { src, dest } = require('gulp')
const cleanCss = require('gulp-clean-css')  //css压缩文件
const rename = require('gulp-rename')  //给文件重命名

exports.default = () => {
    return src('src/*.css')
    .pipe(cleanCss())     //注意这里是调用cleanCss()方法
    .pipe(rename({ extname: '.min.css'}))
    .pipe(dest('dist'))
}

项目中用到的代码

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

const style = () => {
  return src('src/assets/styles/*.scss', { base: 'src' })
  .pipe(sass({ outputStyle: 'expanded' }))
    .pipe(dest('dist'))
}

module.exports = {
  style
}