在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):nimoc/gulp-book开源软件地址(OpenSource Url):https://github.com/nimoc/gulp-book开源编程语言(OpenSource Language):开源软件介绍(OpenSource Introduction):gulp 入门指南gulp 是基于 node 实现 Web 前端自动化开发的工具,利用它能够极大的提高开发效率。 在 Web 前端开发工作中有很多“重复工作”,比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律,并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。 点击右上角的 Watch 订阅本书,点击 Star 收藏本书。 因为 Node 的全局包安装都是在C盘,所有请在C盘使用 gulp 以方便熟悉 gulp
目录
将规律转换为 gulp 代码现有目录结构如下:
规律
编写 gulp 代码// 压缩 JavaScript 文件
gulp.task('script', function() {
// 1. 找到
return gulp.src('js/*.js')
// 2. 压缩
.pipe(uglify())
// 3. 另存
.pipe(gulp.dest('dist/js'));
}); 代码执行结果代码执行后文件结构
a.js 压缩前
a.js 压缩后
此时 你还可以监控 gulp 还可以做很多事,例如:
|
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论