位置: 编程技术 - 正文

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内存完整性不兼容的驱动程序
  • 电脑右下角弹窗广告怎么彻底清除
  • 金蝶固定资产减少怎么做
  • 购货优惠的会计科目
  • 冲减坏账准备和计提坏账准备
  • 销售产品出去 怎么做科目
  • php中的变量都以什么开头
  • 主营业务收入发票
  • 雨林木风win10安装失败
  • linux命令用法
  • 股权和债权有无区别
  • 股票收益的计算公式
  • 不征税收入用于支出所形成的费用是什么意思
  • 代理的认定
  • PHP:zip_entry_name()的用法_Zip函数
  • 采购员出差预借差旅费时,应借记
  • php canal
  • 注册资金不能到位怎么办
  • 小规模与一般纳税人做账区别
  • 固定资产折旧计算方法公式大全
  • 记录一次游戏
  • 工程结算在资产负债表中哪个科目显示
  • 子公司破产对母公司是利好还是利空
  • vue高级函数
  • XF86Setup命令 设置XFee86
  • php添加背景怎么实现
  • 分公司二季度安全生产分析会内容
  • php不支持mysql
  • 2个公司的法人怎么注销
  • 中药饮片增值税率是多少
  • 小规模做账要做应交税费吗
  • 企业应付账款的借方登记
  • 股东分红要不要纳税?
  • 扣除未结话费是什么意思
  • 财务报告分析主要内容
  • 怎么查公司的对公账户
  • 销户还能申请抚养费吗?
  • 单位内部部门之间人员调整
  • 免除债务会计处理
  • mysql无法连接10055
  • linux如何关闭selinux
  • mac使用磁盘工具的快捷键
  • win8右侧栏设置
  • win7系统账户名怎么看
  • linux克隆虚拟机
  • element拖拽
  • 用jquery实现隔行变色
  • python def用法理解
  • js函数内置函数
  • python如何开发
  • unity怎么创建空对象
  • 在Unity中使用事件/委托机制(event/delegate)进行GameObject之间的通信
  • 哈尔滨出租车可以拼车吗
  • 收到发票需要代签吗
  • 亳州国税局电话号码
  • 监理费合同按什么计算
  • 什么是非行政许可
  • 2021年下半年财务部工作计划
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设