admin 管理员组

文章数量: 887031

gulp。

gulp是与grunt功能类似的前端项目构建工具, 也是基于Nodejs的自动任务运行器

能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务

  • gulp更高效, 更易于使用, 插件高质量

  • 安装 nodejs, 查看版本: node -v

  • gulpAPI的常用方法

gulp.src()

获取任务要处理的文件

gulp. dest()

输出文件

gulp.task()

建议gulp任务

gulp.watch()

监控文件的变化

  • 在项目中使用gulp

gulp-htmlmin

压缩HTML文件

gulp-csso

压缩优化css

gulp-babel

JavaScript语法转发

gulp-less

Less语法转换

gulp-sass

Sass语法转换

gulp-uglify

压缩混淆JavaScript文件

gulp-file-include

公共文件包含

browsersync

浏览器时间实时同步

  • gulp复制目录

在文件中创建copy任务，进行目录复制操作

gulp.task('copy',(callback) =>{gulp.src('./src/images/*').pipe(gulp.dest('dist/images'));gulp.src('./src/lib/*').pipe(gulp.dest('dist/lib’））；callback();
)};

上述代码，通过gulp.task()创建一个copy任务，分别使用gulp.src（）获取src目录下的images目录和lib目录，并使用gulp.dest()方法将images文件和lib文件到dist目录

  • 执行全部构建任务

gulp.task('default',gulp.series('htmlmin','cssmin','jsmin','copy'));

本文标签： gulp

版权声明：本文标题：gulp。 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1687431075h101778.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。