位置: 编程技术 - 正文

gulp安装以及打包合并的方法教程(plugin怎么安装)

编辑:rootadmin

推荐整理分享gulp安装以及打包合并的方法教程(plugin怎么安装),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:gulp如何使用,gyp安装,gnupg安装,gulp如何使用,gulp安装与使用教程,gyp安装,安装glut,gulp安装与使用教程,内容如对您有帮助,希望把文章链接给更多的朋友!

前言

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。

安装、打包合并

1.安装node.js 下载地址: 命令行,输入: node -v ,有版本号,则正确安装。

2.安装淘宝镜像 :命令行输入 :

目的:使下在速度更快。

3.全局安装gulp

4.创建目录,打开F盘,创建gulp文件夹。

命令行输入 :

5.安装本地gulp

6.创建package.json文件

一路enter确定就行

7.web编辑器打开此gulp目录,如hbuilder、webstorm。

在gulp目录下创建gulpfile.js文件,gulp运行的入口

8.确定何种打包压缩,html、js、css、img

9.js打包

.运行;node.js输入

gulp安装以及打包合并的方法教程(plugin怎么安装)

gulp

会有报错,提示 gulp-concat组件没有安装。开始安装 :cnpm install gulp-concat --save-dev

再次运行 :gulp

再次报错,提示gulp-uglify组件没有安装。开始安装 :cnpm install gulp-uglify --save-dev

再次运行 :gulp

。。。。。。。。。。。。。。。

成功之后会

这里会看到 finished ‘default' ,‘default' 就是gulp.task任务开始的默认入口。如果创建多个task任务,且修改任务名称如:

重新运行 : gulp

结果:

会发现只运行了 default的task任务。因为这是唯一默认的gulp执行入口。

修改如下

如果遇到什么组件没有安装的话,想你应该知道怎么操作了。

.图片压缩

.html压缩

.路径问题自己修改

gulp打包js/css时合并成一个文件时的顺序解决

1、可以使用插进gulp-order。

2、可以这样的写法:

总结

标签: plugin怎么安装

本文链接地址:https://www.jiuchutong.com/biancheng/370615.html 转载请保留说明!

上一篇:NodeJS实现视频转码的示例代码(nodejs 视频切片)

下一篇:Node.js 中使用 async 函数的方法(nodejs assert)

  • 税收优惠政策有什么好处
  • 小规模企业增值税减免政策
  • 固定资产怎么进行折旧处理
  • 库存商品月末必须结转吗
  • 工程预缴税款流程
  • 软件产品出口退税条件
  • 之前付过款回来收到发票应该怎么做凭证
  • 海关废品回收
  • 当月冲红发票会导致上月发票作废吗?
  • 官司赔偿费用需要发票吗
  • 案例分析个人总结报告
  • 足疗发票税点
  • 附赠产品销售是合法还是违法
  • 公司买的食用油会计分录
  • 无票收入冲回会计分录
  • 建筑企业预收的工程款会计分录
  • 购买设备对方垫付运费会计分录
  • 给客户退差价怎么说
  • 无形资产的出租租金通过什么科目核算
  • 考勤扣款怎么算
  • 如何做无票收入的会计分录
  • win10如何设置快捷键截图
  • 软件远程调用失败是什么意思
  • 天猫积分购物券怎么获得
  • window10最新20h2
  • iTunesHelper.exe是什么进程?iTunesHelper.exe系统错误怎么解决?
  • win10记事本怎么改字体颜色
  • 出售设备收到的现金属于什么活动
  • 192.168.2.1 路
  • 发票刮出来的奖有兑奖时间
  • 购入电脑可以入成本里吗
  • 小规模纳税人企业所得税税收优惠政策
  • 深度学习之快速实现数据集增强的方法
  • 美国大学数学系排名
  • resize2fs命令 同步文件系统容量到内核
  • 促销赠品的会计处理
  • 工会经费的来源包括
  • 高新技术研发的重要性
  • 长期股权投资核算的权益法包括哪些内容
  • phpcms怎么用
  • 融资租赁的固定资产
  • 代扣代缴完税凭证抵扣期限
  • 代收代缴水费收不上来怎么办
  • 城建税减免性质代码是什么意思
  • 2021年财政部令68号
  • 排污收费制度在排污费征收方面存在的问题
  • 银行抵债资产如何更快处置
  • 事业单位购入
  • 以前年度损益调整
  • 农产品成本包含所消耗的物资费用
  • 什么是一般生产要素
  • 研发费用如何做成本分析
  • 长期股权投资的初始计量
  • 非本公司员工能否享受本公司的福利
  • 固定资产处置相关问题
  • 刻章发票可以抵扣吗
  • 销售佣金 会计科目
  • SQL Server Alwayson添加监听器失败的解决方法
  • mysql 5.7.13 winx64安装配置方法图文教程
  • session入库有什么好处
  • 数据库时区与url连接设置的时区
  • ubuntu20.04.1安装
  • dos破解密码输入什么
  • win 驱动
  • 进程出现很多regsvr32
  • win10如何删除右键菜单选项
  • win7 txt文件属性更改
  • 进程mmc.exe
  • 注意 Win/WP8.1开发者账户现已迁移到全新Win10开发者中心仪表盘
  • win10使用入门教程
  • quick3.3 UIListview扩展应用
  • ES6 javascript的异步操作实例详解
  • Extjs的FileUploadField文件上传出现了两个上传按钮
  • 微信小程序实现轮播图
  • css选择器怎么写
  • jquery元素选择器有哪些
  • android 属性动画原理
  • 简述使用jquery实现表单验证的流程
  • 商铺缴纳契税需要复印件吗
  • 亏损可以结转吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设