位置: 编程技术 - 正文

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)

  • 退个税手续费增值税怎么计算
  • 怎样确认个人所得税专项扣除操作流程
  • 增值税分录及账务处理如何做?
  • 工会经费计税基数包含支付职工的辞退福利
  • 个人销售自产农产品 个人所得税
  • 公司退款给客户怎么写
  • 出口货物当期免抵退税不得免征和抵扣税额,应计入
  • 应交房产税通过应交税费核算吗
  • 商业银行税前收益率
  • 结转损益类收入科目的余额其中主营业务收入
  • 固定资产计提折旧的原则
  • 预支备用金填请款单还是借支单
  • 免税苗木发票如何抵扣计算
  • 未分配利润的计税基础是
  • 关联企业无偿使用土地
  • 开票信息里面的电话号码怎么来的?
  • 出口企业增值税怎么算
  • 受让无形资产是什么意思
  • 甲公司采用租赁方式租入一台大型设备
  • 新金融工具准则投资收益
  • 销售产品的成本属于什么科目
  • 2018年年终奖个税计算方法
  • 营业外支出期末需要结转吗
  • 公司开年会的费用谁承担
  • mac如何配置
  • 固定资产不入账是谁的责任
  • bios setup uitlity
  • php几天可以速成
  • 经营租入固定资产改建支出摊销计算时间
  • windows11搜索
  • 抵扣了进项税额
  • win10电源图标灰色无法打开
  • 工业会计做账的基本流程
  • php web3
  • 劳务佣金合法吗?
  • 在建工程盘盈计入什么
  • 安博塞利国家公园简介
  • vue父组件如何调用子组件的方法组合式api
  • 清算汇缴报表填什么内容
  • 城投公司政府购买棚改
  • 增值税进项税加计抵减
  • 社会团体所得税汇算清缴
  • 处置固定资产科目
  • 个人所得税申报流程图
  • 网站的首页文件名是什么
  • 关联方占用资金应对措施
  • 商业承兑汇票贴现率
  • 工程公司的材料员考试难吗
  • 公司发行可转债是利好还是利空
  • 普通发票应怎么开具
  • 金税四期有什么变化
  • 费用月结怎么记账
  • 运输服务属于生活服务吗
  • 当月销售下月开票
  • 冲销预付账款怎么填记账凭证
  • 业务招待费可以开专票抵扣吗
  • 房地产开发企业电费做什么科目
  • 违约金进项税额可否抵扣 分录
  • 主营业务成本做多了怎么办
  • 会计做假账的果报
  • 创办小企业如何起步
  • sql server数据库数据备份
  • oracle分区大小建议
  • vistasp3
  • iis6配置网站
  • 如何关闭京东白条
  • centos账号密码
  • 巧用 Windows 系统控制台删除病毒文件
  • 如何解决windows无法连接到打印机
  • xp电脑状态栏跑到左边了怎么设置回来
  • win8.1网络设置
  • windows 10预览版
  • python打印直角三角形用*符号
  • opengl入门教程(精)
  • js脚本使用教程
  • 手把手教你打造班级主题环境 培训后心得
  • javascript制作小程序
  • 微博评论系统
  • 企业填写莞e申报的通知
  • 云南国税app
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设