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

 

 

 

 

 

 

 

上一篇:Creator 3.0中摄像机调整技巧: 1.旋转:Cmd+右键 移动:空格+右键 放缩:滚轮
下一篇:creator世界坐标w_pos会变化导致的录屏回放时相对位置变化造成bug(改为local_pos即可解决)

发表评论

最新留言

逛到本站,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