gulp

工具

gulp

下载node安装包

安装node

node -v

npm -v

npm 需要翻墙

cnpm

npm install cnpm -g --registry=https://npm.taobao.org

cnpm -v

gulp的安装

1、全局安装

cnpm install gulp -g

gulp -v

2、本地安装

cnpm install gulp

node的项目构建

cnpm init 初始化一个node项目 --- package.json

首先本地安装gulp  node_modules

创建整个项目的结构

|--项目名称

|-- dist  # 打包项目存放的目录

|-- src  # 源代码存放飞目录

|--css

|--js

|--img

|--less or sass

|--html

index.html

|-- node_modules # 存放node的模块(gulp,gulp-less……)

|-- gulpfile.js  # 入口程序,任务定义文件

|-- package.json # cnpm init,node清单文件

写任务:

是在gulpfile.js文件中写

require来引用 node的模块 var gulp = require("gulp");

之后安装本地安装插件

cnpm install xxx --save-dev

当安装成功之后,引入对应的插件var gulp-less = require("gulp-less");

定任务:

gulp.task("任务名称",function() {

var a = gulp.src("src/less/*.less")

.pipe(gulp-less())

.pipe(gulp.dest("dist/css"));

})

别人已经完成了node项目工作,之后给我们

node_modules  特别大

package.json

cnpm install #package.json记录的所有需要的模块会自动下载下来

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 5,199评论 0 13
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,384评论 7 55
  • 简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发...
    情怀水岸阅读 4,237评论 0 5
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 6,948评论 1 11
  • 1,安装nodeJs 1.1、说明:gulp是基于nodeJS,理所当然需要安装nodeJS; 1.2、安装:打开...
    程序员之路阅读 2,586评论 0 1