码迷,mamicode.com
首页 > 其他好文 > 详细

gulp4进阶

时间:2020-03-21 18:01:06      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:set   min()   rename   default   one   ssm   concat   event   文件   

CSS

技术图片
const css = () => (
  src(`${SRC_DIR}**/*.css`)
    .pipe(dest(`${OUTPUT_DIR}css/`))
)


exports.default = series(css)
View Code

  压缩css,更改文件名

技术图片
npm i -D gulp-cssmin
View Code
技术图片
const css = () => (
  src(`${SRC_DIR}**/*.css`)
    .pipe(cssmin())
    .pipe(rename(‘bundle.min.css‘))
    .pipe(dest(`${OUTPUT_DIR}css/`))
)
View Code

  配置less

技术图片
npm i -D gulp-less
View Code
技术图片
const css = () => (
  src(`${SRC_DIR}assets/style/index.less`)
    .pipe(less())
    .pipe(concat(bundle.min.css))
    .pipe(cssmin())
    .pipe(dest(`${OUTPUT_DIR}css/`))
)
View Code

 

gulp4进阶

标签:set   min()   rename   default   one   ssm   concat   event   文件   

原文地址:https://www.cnblogs.com/sonwrain/p/12540255.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!