位置: 编程技术 - 正文

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)

  • 企业房产税怎么计算
  • 所得税季报季末人数怎么计算
  • 公司期权激励如何兑现
  • 发票的抵扣期限怎么填
  • 受托代销商品和受托代销商品款怎么列示
  • 国内支付业务收入怎么算
  • 房地产开发企业预缴增值税
  • 如何让自己公司成为供应商
  • 个人因终止投资经营而取得的股权转让收入如何计算个人所得税?
  • 财产转让应纳税额如果是负数怎么办
  • 销售商品房属于什么税
  • 外地扣缴的个人所得税
  • 应收票据质押会计处理
  • 自行开发的软件如何确认为无形资产
  • 进项税抵扣的房租怎么算
  • 技术转让所得减去成本吗
  • 预缴的企业所得税可以税前扣除吗
  • 外单位人员能在单位借款吗
  • 什么凭证需要审计报告
  • 汽车中介赚钱吗
  • 一般纳税人开普票税率是3%还是13%
  • 生育津贴支付方式
  • 预提费用的会计分录2018
  • 管理员已阻止你运行此应用 win10
  • 拦截恶意网址是什么意思
  • 如何安装react
  • 冲回存货跌价准备
  • php二维码生成代码
  • PHP+jQuery翻板抽奖功能实现
  • macbook隐藏
  • php __destruct
  • 在那高高的草丛里
  • 土地开发公司是国企吗
  • php简单文件管理
  • php基于SQLite实现的分页功能示例
  • php字符串包含某个字符串
  • Php实现邀请用户加入企业生成邀请链接
  • 销售自己使用过的固定资产
  • JavaScript数组(四):判断数组相等的4种方法
  • 公司发放工作服账务处理
  • 卖方付给买方的正常回扣
  • 对外捐赠会计分录怎么写
  • 微信小程序实现发红包
  • sqlserver2008数据库定时备份
  • 资产处置损益明细表货币资金怎么填
  • 企业的专利年费是多少
  • 投资性房地产的后续计量
  • 购进运输服务取得的成果
  • 契税是指什么?
  • 每月工资不一样怎么算误工费呢
  • 小型微利企业计算企业所得税
  • 增值税普通发票税率
  • 预缴的增值税及附加税怎么做账
  • 车辆购置税如何账务处理
  • 已开票未收款如何销往来账
  • 企业工会经费计提比例
  • 收银电脑怎么录商品
  • 收到现金怎么做凭证
  • 库存周转率中销量怎么算
  • 哪种飞机票可以抵扣进项税
  • 建造合同收入怎么算
  • 旅游费用如何记账科目
  • 应计入财务费用的科目是
  • 我是海关企业员工英语
  • 银行汇票和银行本票区别图解
  • 资产减值损失怎么计提
  • windows10怎样安装
  • xp怎么删除多余的操作系统
  • winxp/win2000/win2003
  • 晨枫U盘启动工具哪个版本好用
  • 电脑开机时出现红色三角形
  • windows更新88
  • win8.1快捷键
  • 电脑升级到win11会卡吗
  • qt for 安卓
  • shell脚本的fi
  • unity ulua
  • 教学实例分析怎么写
  • Python遍历文件夹中的图片
  • 使用jQuery给input标签设置默认值
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设