gulp4进阶

Posted 2021-03-04 sonwrain

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了gulp4进阶相关的知识，希望对你有一定的参考价值。

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进阶的主要内容，如果未能解决你的问题，请参考以下文章