
gulp入门(gulp 或者 npm run xxx来执行),个人觉得和直接用node.js写区别不大
发布日期:2021-05-04 15:46:22
浏览次数:23
分类:原创文章
本文共 1909 字,大约阅读时间需要 6 分钟。
1)安装gulp 参考:https://www.gulpjs.com.cn/
sudo npm install gulp-cli -g --unsafe-perm=true --allow-rootsudo npm install gulp -D --unsafe-perm=true --allow-rootsudo npx -p touch nodetouch gulpfile.js --unsafe-perm=true --allow-rootgulp --help
2)创建工程
安装 gulp 命令行工具npm install --global gulp-cli创建项目目录并进入npx mkdirp my-projectcd my-project在项目目录下创建 package.json 文件npm init安装 gulp,作为开发时依赖项npm install --save-dev gulp检查 gulp 版本gulp --version
3)实现逻辑功能
➜ my-project tree.|____readfile.js|____package-lock.json|____package.json|____gulpfile.js|____.idea当然了node_modules也是存在的
4)实现如下
|____readfile.js
let fs = require("fs");let path = require("path")async function asyncAwaitTask() { let str = await fs.readFileSync(path.join(__dirname, "package.json")).toString(); let obj = JSON.parse(str); console.log(obj.version); return new Promise(function (resolve, reject) { resolve("read file version done"); });}module.exports = { asyncAwaitTask: asyncAwaitTask,};
|____package-lock.json
|____package.json
{ "name": "my-project", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "deploy": "gulp" }, "author": "", "license": "ISC", "devDependencies": { "gulp": "^4.0.2" }}
|____gulpfile.js
let readfile = require("./readfile");async function defaultTask(cb) { let str = await readfile.asyncAwaitTask(); console.log(str) cb();}exports.default = defaultTask;
5)运行
➜ my-project gulp[14:53:55] Using gulpfile ~/Desktop/my-project/gulpfile.js[14:53:55] Starting 'default'...1.0.0read file version done[14:53:55] Finished 'default' after 2.56 ms
或者用npm执行
➜ my-project npm run deploy> my-project@1.0.0 deploy /Users/jianan/Desktop/my-project> gulp[15:00:26] Using gulpfile ~/Desktop/my-project/gulpfile.js[15:00:26] Starting 'default'...1.0.0read file version done[15:00:26] Finished 'default' after 1.84 ms
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2025年03月17日 00时15分21秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
快速构建SpringBoot工程
2019-03-04
SpringBoot配置之配置文件分类
2019-03-04
Vue中使用v-for不能用index作为key值
2019-03-04
position: fixed如何相对父元素定位
2019-03-04
SecureCRT注册机
2019-03-04
供应商解决了mini-LED的生产问题 新款MBP蓄势待发?
2019-03-04
new对象实际是在干嘛,懂了后String相关面试题随便推导
2019-03-04
Spring中@EnableCaching如何集成redis
2019-03-04
爱了!Alibaba技术官甩出的SpringCloud笔记,GitHub已标星81.6k
2019-03-04
菜鸟程序员,被无良HR欺骗,因祸得福,竟“意外”拿下美团offer
2019-03-04
已跪,Java全能笔记爆火,分布式/开源框架/微服务/性能调优全有
2019-03-04
吓我一跳?看了线程和线程池的对比,才知道池化技术到底有多牛
2019-03-04
给公司妹子讲了好久,头都大了,一个SQL语句是如何执行的?
2019-03-04
阿里大牛手撕SpringBoot,Cloud,Nginx与Docker,你凭什么搞不懂
2019-03-04
结局已定,一点不慌,秋招京东三面,给了意料之中的20KOffer。
2019-03-04
Java开发5年的我偶然被几条朋友圈打击,成功点燃,别说了,不去阿里对不起自己!
2019-03-04
面试清单(Java岗):算法+Spring+中间件+设计模式+Java+JVM+数据库
2019-03-04
凭借这份pdf,安卓顺利转行Java,成功4面拿下美团offer
2019-03-04
团体程序设计天梯赛-练习集 L1-006 连续因子 (20分)
2019-03-04
编程技巧妙用
2019-03-04