位置: 编程技术 - 正文

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)

  • 税中税是多少
  • 城建税是什么税率
  • 私募基金如何做大规模
  • 小规模纳税人外账处理
  • 租房专项扣除有上限吗
  • 汇算清缴报告和审计报告有什么区别
  • 专家咨询费模板
  • 电商平台退货退款流程图
  • 车辆保险赔款怎么入账
  • 调账以前年度损益调整如何结转
  • 个人去税务局开居间费发票
  • 支付运费价税合计
  • 年度所得税汇算清缴表去哪里找
  • 怎么查询发票是否已认证
  • 收到劳务外包发票计入什么科目
  • 环保税计入项目成本吗
  • 交换房产土地如何交税
  • 抵扣联复印件可以做账吗
  • 员工奖励专项基金怎么填
  • 农业合作社出售农产品怎么计税
  • 商贸企业零部件出口退税政策
  • php 数字相加
  • 细说php
  • 工程施工科目借贷方向
  • 收到发票后补付什么意思
  • win10任务视图怎么用
  • PHP:pg_options()的用法_PostgreSQL函数
  • php提供了________和___________两种复合数据类型
  • 材料明细账的登记范本手写
  • React常见面试题
  • 南美貘叫什么
  • js如何随机生成字符串
  • php中.的作用
  • 拨缴经费收入进行账务处理
  • redux reducer使用教程
  • 老税号的发票还能认证吗
  • 使用筷子就餐会不会传染乙肝病毒
  • iframe之间通信
  • php强制下载文件在哪
  • dir命令linux
  • 付临时工工资需要什么材料
  • 固定资产处置科目有哪些
  • 增值税普通发票税率
  • 归还股东投资款
  • 文明手语动作
  • mongodb快速入门
  • 商誉减值损失怎么填
  • 外购货物用于公益性捐赠
  • 一般纳税人企业所得税税率多少
  • 分配利润时会计分录
  • 合同未约定开票但对方不给开
  • 2、开办费用计入哪个账户?
  • 年终奖金个人所得
  • 事业单位的财政拨款怎么做账
  • 建筑租赁公司账务处理
  • 股东以固定资产出资
  • 银行进账单是什么样子的
  • 税前扣除项目主要包括
  • 三证合一之前
  • 房地产开发企业资质管理规定
  • windows2003企业版sp2密钥
  • win7每次开机选系统
  • 用户请愿地址曝露怎么办
  • cortanawin10在哪
  • windows xp输入法不见了怎么办
  • mac屏保怎么换
  • win7系统插u盘没反应怎么办
  • 一个简单的微笑说说
  • Ver、Vol、Ctty命令的使用教程
  • python爬取csdn
  • 安卓病毒查杀软件
  • node.js详解
  • linux特殊符号转义
  • js debounce实现
  • javascript数据结构与算法第三版
  • 小规模企业零申报怎么操作
  • 机动车发票怎样开
  • 增值税税控开票软件密码不知道了怎么办
  • 深圳各区海拔
  • 商品房增值税如何算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设