gulp构建工具学习汇总

本文介绍如何使用Gulp作为前端构建工具,实现自动化任务管理,包括npm安装依赖、多项目监听及端口配置等。此外还涉及了在Windows环境下解决Gulp对ES6模块支持的问题。

前端脚手架____gulp配置文件------- https://pan.baidu.com/s/1eSs7COy

1:有了package.json 直接 npm install自动下载相应的npm包

2:多个项目同时监听---开两个bash---改变gulp-live-server模块端口号----------端口号不好改的话可开一个bash更改目录 重新监听吧--------时间放在刀刃上解决现阶段的目标

  如果在同一个bash下构建多个项目 每次都要调整gulp任重中的目录地址

  gulp构建任务一般项目中都很类似,开两个bash比较方便

       单个项目目录结构

       npm install 安装依赖包

  解决window下gulp不支持es6引入模块方式

    express浏览器端口号修改    

  node模块端口号修改

  

  最终结果:

  

  

 

代码报错:可以看命令行提示、浏览器报错堆栈、加jshint

 

转载于:https://www.cnblogs.com/fengluzheweb/p/8016643.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值