gulp篇:速度上手,执行我们第一个任务
来源:互联网 发布:海隆软件 编辑:程序博客网 时间:2024/05/02 00:19
在前端开发过程中有很多事情是我们”手工”很难活很麻烦才能搞定的,因此需要借助一些第三方优秀工具。
1.比如JS文件的“编译”(这里还包含了不同语法的兼容)
2.JS和CSS的合并
3.文件的压缩
4.即时运行和监听
gulp
这个工具是目前前端开发最火爆的工具之一
知识点:
npm install -g
如果不加-g则会安装到当前项目目录下。
加上-g就会安装到全局目录理
我们可以通过npm config get prefix
来查看全局目录是什么
也可以通过npm config set prex "目录路径"
来自行设置
一般来说,工具型模块且我们需要在任意目录都使用的工具,建议全局安装。
package.json(这是npm或nodeJS都需要用到的配置文件)
给我们的项目生成这个配置文件,cd到项目根目录执行:npm init
一路回车下去。
安装gulp
1.
sudo npm install -g gulp
执行 gulp -v
显示版本:
2.npm install gulp --save-dev
(在当前项目也要装一次,因为等会我们要require(‘gulp’))
–save-dev 是你开发时候依赖的库,–save是你发布之后还依赖的库
gulp配置文件
要正确运行需要首先建立一个配置文件
在当前项目的根目录下创建gulpfile.js
(注意这个所谓的配置文件是可以写代码的)
var gp = require('gulp');gp.task("taskName",function(){ console.log('i am gulp');})
学习gulp第一个方法
gp.task(“任务名”,function(){
// 这里执行一些事
})
然后在终端执行 gulp 任务名
,它会自动读取你的配置文件,执行你的任务
0 0
- gulp篇:速度上手,执行我们第一个任务
- gulp执行多个任务
- gulp顺序执行任务
- gulp顺序执行任务
- gulp顺序执行任务
- gulp顺序执行任务
- 第一篇:第一个spring定时执行任务
- 第一个正式任务
- 第一个任务
- 第一个任务2
- 第一个任务2
- 任务二第一个
- 第一个任务
- 第一个任务
- 第一个JDBC任务
- 第一个任务
- 执行器实现返回多个任务并处理第一个结果
- gulp 快速上手
- WaveProgressView-----水纹进度球
- NOIP2010 Codevs 1069 关押罪犯 [并查集] [二分图判定]
- 定时器的时钟
- 解决Visual C++ Redistributable for Visual Studio 2015的安装问题
- linux下安装mysql
- gulp篇:速度上手,执行我们第一个任务
- 删除JAVA集合中元素的实现代码
- Nuclear Arms Race
- 数据结构实验之二叉树二:遍历二叉树
- TOJ 3982.Vacation
- JS中Attribute 和 property的区别
- JZOJ4683 矩阵
- 划分树
- 数据结构实验之二叉树的建立与遍历