gulp src方法的base配置

最新推荐文章于 2024-05-29 09:06:39 发布

原创最新推荐文章于 2024-05-29 09:06:39 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#gulp #base

本文详细介绍了如何利用Gulp自动化编译CSS文件，并将其部署到预定义的build目录中，包括匹配规则和常用通配符应用。

假设有一个文件路径为pages/index/css/style.css,想通过gulp编译以后放到build对应目录下

gulp.src('pages/index/css/*.css',{base:'pages'})
    .pipe(gulp.dest('build'))  // 写入 'build/index/css/style.css'
或者
gulp.src('pages/**/*.css')  //自动将第一个通配符前的字段设置为base属性
    .pipe(gulp.dest('build'))  // 写入 'build/index/css/style.css'

附常用匹配规则：
　　* 匹配0或多个除了 / 以外的字符
　　? 匹配单个除了 / 以外的字符
　　** 匹配多个字符包括 /
　　{} 可以让多个规则用 , 逗号分隔，起到或者的作用
　　! 出现在规则的开头，表示匹配不命中后面规则的文件