gulp4进阶

Posted 2021-03-04 sonwrain

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