linux gulp 安装_linux gulp 安装教程_linux下安装gulp - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

gulp的安装和使用

安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1、去nodejs官网安装nodejs 2、打开命令行，OSX是终端，...回车） 3、使用npm（nodejs的包管理器），或选装cnpm执行npm install cnpm -g --registry=https://registry.npm.taobao.org 4、全局安装...": "^3.8.11", 17 "gulp-less": "^3.0.0" 18 } 19 } 6、本地项目安装，命令行定位项目目录后执行：(c)npm install --save-dev...（根据package.json的配置，安装组件到项目）　　若忽略第五步，则这里只执行：(c)npm install gulp --save-dev（仅安装gulp到项目） 7、安装需要的gulp组件...（绿色部分为需要安装的组件）另sass编译需提前安装ruby。

1.2K5 0

Gulp 快速入门gulp API 文档

package.json { "devDependencies": { "gulp": "^3.9.1", "gulp-browserify": "^0.5.1", "gulp-jade...": "^1.1.0" } } gulpfile.js var gulp = require('gulp'), jade = require('gulp-jade'), browserify...= require('gulp-browserify') gulp.task('jade', function () { return gulp.src('src/template/**/*....jade') .pipe(jade()) .pipe(gulp.dest('builds/development')) }) gulp.task('js', function...() { return gulp.src('src/js/main.js') .pipe(browserify({debug: true})) .pipe(gulp.dest

7582 0

您找到你想要的搜索结果了吗？

是的

没有找到

gulp

简单介绍 gulp是基于node开发的所以可以使用npm这个nodejs的包管理工具安装gulp，使用npm首先得配置node环境 Install npm install gulp-cli -...g 全局安装gulp gulp --help 返回帮助信息 package.json npm init 初始化npm npm install gulp gulp-util...--save-dev //从本地把整个gulp文件夹拉过来 task 创建gulpfile.js文件 var gulp=require('gulp'); gulp.task('hello',.../xiangmu/dist')); }); 复制img文件 var gulp=require('gulp'); gulp.task('hello', function () { return gulp.src.../xiangmu/dist')); }); 排除其它的文件 var gulp=require('gulp'); gulp.task('hello', function () { return gulp.src

9951 0

gulp pipe缓存_gulp使用教程

首先，gulp的源码里没有任何一部分是定义pipe的。 gulp的pipe方法是来自nodejs stream API的。 gulp本身是由一系列vinyl模块组织起来的。...pipe跟他字面意思一样只是一个管道例如我有一堆文件 var s = gulp.src(["fileA","fileB","fileC"]) src方法实际上是'vinyl-fs'模块的方法,选择一系列文件并创建可读流...方法只负责返回这个管道结构（Stream对象）楼主想要窥探管道里的内容，就要创建一个Stream对象，在Stream对象接收结果的方法里把流里的内容log出来即可 Stream与File 注意的是gulp...里的流的file必须是vinyl对象 var File = require("gulp-utils").File //或者 var File = require("vinyl") var myf =

7422 0

Gulp构建实例

结构说明 assets 项目资源目录，dev 开发目录，dist 编译输出目录，gulpfile.js 自动化工具 API gulp 的使用安装 node 环境 (自行 goole 即可) 全局安装...gulp $ npm install gulp -g 进入到需要 gulp 管理的项目路径，如 /gulp 再安装一遍 $ npm install gulp --save-dev 安装 gulp 插件...$ npm install --save-dev gulp-ruby-sass gulp-autoprefixer gulp-minify-css gulp-jshint gulp-concat gulp-uglify...gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del sass的编译 (`gulp-ruby-sass`) 自动添加...（`gulp-uglify`）压缩图片（`gulp-imagemin`）自动刷新页面（`gulp-livereload`）图片缓存，只有图片替换了才压缩（`gulp-cache`）更改提醒（`gulp-notify

1.8K4 0

Gulp基本使用

1.基本使用 npm i gulp-cli -g npm i gulp -D cnpm i gulp gulp-uglify gulp-concat 2.创建文件gulpfile.js键入如下 const...gulp = require('gulp'); const uglify = require('gulp-uglify'); const concat = require('gulp-concat')...@babel/core @babel/preset-env -D const gulp = require('gulp'); const uglify = require('gulp-uglify')...-D const gulp = require('gulp'); const concat = require('gulp-concat'); const cssmin = require('gulp-cssmin...-D * 安装插件 */

9361 0

Gulp基本用法

Gulp是一个模块化打包工具。 Gulp本身只有几个入口，支持他拥有强大功能的是各种各样的插件。...Gulp的使用看起来非常简单，只需要一个一个任务链式执行就可以了，它还可以与Webpack结合起来使用比如将Webpack作为一个插件来处理ES6转换为ES5的操作。...下面记录一下Gulp的API以及一些用到的插件。...请查看上述的 gulp.src 来了解更多信息。...---- gulp.watch(glob[, opts], tasks) 监视文件，并且可以在文件发生改动时候做一些事情。

7083 0

gulp 错误集锦

运行gulpfile文件时报错报错内容： TypeError: gulp.on(...).on(...).on(...).on(...)\.start is not a function 问题分析：...一般这种情况是因为gulp版本引起的。...gulp本地版本和全局版本解决方法： gulp4.0.0更新变动较大，可以考虑把本地版本和全局版本都切回3.9.1版本。...也有其他解决方法，详见参考文章2. npm install --save-dev gulp@3.9.1 npm install -g gulp@3.9.1 参考文章： gulp和gulp-cli的区别...Gulp error: gulp.hasTask is not a function Mismatch in gulp local and CLI versions 2. gulp-uglify压缩js

1.4K1 0

使用Gulp

/gulpjs/gulp/blob/master/docs/API.md Gulp中文API：http://www.gulpjs.com.cn/docs/api/ Gulp的安装与使用 Gulp的简单应用...全局安装Gulp npm install --global gulp 2....; }); 8.使用gulp 打开命令行，并且在命令行中执行gulp say命令，可以看到在控制台中输出了一句”say hello”表示Gulp安装成功使用Gulp实现一个文件拷贝任务下面的操作都是在项目中安装了...Gulp的情况下进行的，没有安装Gulp可以看前面的Gulp的安装与使用中的内容 1.创建一个src文件夹，并且在src文件夹下创建一个index.html文件在Git Bash中执行下面的命令创建一个...文件夹下的index.html中使用Gulp自动将Less编译成CSS 下面的操作都是在项目中安装了Gulp的情况下进行的，没有安装Gulp可以看前面的Gulp的安装与使用中的内容 1.安装gulp-less

5493 0

Gulp插件

（9）Gulp插件 gulp-htmlmin ：html文件压缩 gulp-csso ：压缩css gulp-babel ：JavaScript语法转化 gulp-less: less语法转化 gulp-uglify...：压缩混淆JavaScript gulp-file-include 公共文件包含 browsersync 浏览器实时同步 6、package.json （1）node_modules文件夹的问题文件夹以及文件过多过碎...install 包名 --save-dev命令将包添加到package.json文件的devDependencies字段中 { "devDependencies": { "gulp...（5）package-lock.json文件的作用锁定包的版本，确保再次下载时不会因为包版本不同而产生问题加快下载速度，因为该文件中已经记录了项目所依赖第三方包的树状结构和包的下载地址，重新安装时只需下载即可

4361 0

gulp插件

gulp是趋势 gulp完全开发指南 => 快来换掉你的Grunt吧 gulp的工作流程：文件流--文件流--文件流......因为grunt操作会创建临时文件，会有频繁的IO操作，而gulp使用的是流操作...一、快速生成package.json npm init //生成package.json 如图：二、nmp安装参数中--save、--save-dev是什么 package.json 的dependencies...// 本地使用gulp npm install --save gulp-imagemin // 压缩图片 npm install --save gulp-minify-css //压缩css npm...install --save gulp-ruby-sass //sass npm install --save gulp-jshint //js代码检测 npm install --save gulp-uglify...q=gulp

1.1K5 0

gulp尝试开发

在实习的公司做web开发，gulp 是经常用到的，可是我做的不仅仅的前端，还包括后台，所以将前端文件移至后台这种事当然也需要我做啦，用gulp，但是，文件移至后台目录后，资源文件的路径必须修改，（我做的后台的是用...开发流程参考了几篇博客 Gulp插件制作指南 Gulp：插件编写入门先来看一下插件的全部代码 'use strict'; var gutil = require('gulp-util'); var...'); var through = require('through2'); gulp-util：错误日志打印模块，按照gulp的统一规范打印错误日志 through2： Node Stream的简单封装...var gulp = require('gulp'); var replace = require('gulp-url-replace') gulp.task('move', function(){...github上 gulp-url-replace

4850 0

gulp的使用

引言 gulp是用于前端自动化构建的，方便前端进行即时开发的工具自动化构建所需的插件在项目路径下使用 npm init初始化之后，将下面需要安装的依赖复制到package.json文件中 "devDependencies...在复制到package.json文件中后，使用npm install命令，npm会下载devDependencies中对应版本号的依赖文件，这里只是完成了本地的安装，此时如果运行 gulp命令可能会报一些错误...，大概率是因为没有安装对应全局的插件，或者本地安装的插件和全局安装的版本号不一致如果没有安装对应全局和本地的插件，则使用命令安装(以版本号2.24.4的browser-sync为例) npm install...browser-sync@2.24.4 -g 本地安装 npm install browser-sync@2.24.4 --save-dev 如果安装了全局插件报错，可能因为本地和全局插件的版本号不一致...监听任务依赖包引用 var gulp=require('gulp'); var cssnano=require('gulp-cssnano'); var rename=require('gulp-rename

1.3K2 0

Gulp学习笔记

Gulp学习笔记 1. 安装 Gulp.js npm install -g gulp 2....配置 2.1 创建 package.json 文件 npm init 2.2 安装依赖项 npm install --save-dev gulp gulp-util 2.3 安装需要的插件此处安装两个插件...npm 安装 npm install --save-dev gulp-uglify gulp-concat 2.4 创建配置文件创建 gulpfile.js 文件 // 定义依赖项和插件 var gulp...=require('gulp'), gutil=require('gulp-util'), uglify=require('gulp-uglify'), concat=require...('gulp-concat'); // 定义名为 "js" 的任务 gulp.task('js', function(){ gulp.src('.

73612 0

Gulp折腾之路(III)

gulp-autoprefixer:Prefix CSS gulp.task('autoprefixer', function () { return gulp.src( ['src/css/*...gulp-useref | gulp-rev 活久见是蛮有意思的，如此就可以更多体验那些存在；这两个插件也是在用了webpack之后，接触别的古董型项目才了解到的；这 gulp-useref 她可以把...gulp-order: 指定次序 The gulp plugin gulp-order allows you to reorder a stream of files using the same syntax...： gulp.task('mergeJs', function(){ gulp.src('....---- 猜你喜欢： Gulp探究折腾之路(I) Gulp折腾之路(II)

1.2K5 0

精通gulp常用插件

博客地址：blog demo地址：gulp-plugins 匹配符 *、**、！、{} gulp.src('....var rename = require("gulp-rename"); gulp.src('..../dist')); gulp-concat 描述：合并文件。 var concat = require('gulp-concat'); gulp.src('..../dist')) gulp-csso 描述：压缩优化css。 var csso = require('gulp-csso'); gulp.src('..../dist')) gulp-sass 描述：编译sass。 var sass = require('gulp-sass'); gulp.src('.

1.1K9 0

gulp替换webpack

/node_modules/.bin/gulp", "gulp-production": "....": "^3.9.1", "gulp-clean-css": "^2.3.2", "gulp-concat": "^2.6.1", "gulp-connect": "^5.0.0...", "gulp-connect-reproxy": "^0.0.98", "gulp-css-image-rev": "^1.0.4", "gulp-htmlmin": "^3.0.0...", "gulp-if-else": "^1.0.3", "gulp-less": "3.3.0", "gulp-run-sequence": "^0.3.2", "gulp-sourcemaps...": "^1.9.1", "gulp-uglify": "^2.0.0", "gulp-util": "^3.0.7", "gulp-version-number": "^0.1.5

2.5K4 0

gulp使用教程

第一: gulp必须在nodejs环境下运行，所以要先搭建nodejs环境。测试nodejs是否安装正常。...命令：node -v 如果返回版本号说明安装正常然后再 npm init 会自动生成一个package.json文件。...这个文件保存项目的相关信息第二: npm install gulp -g 安装全局gulp 然后在项目里的根目录再安装一遍 npm install gulp –save-dev 第三: 新建一个gulpfile.js...文件然后安装js代码检测插件，压缩文件插件，重名名插件(这里只讲一下这三个插件的使用，当然gulp还有很多强大的插件) js代码检测插件： npm install gulp-jslint –save-dev...压缩文件插件： npm install gulp-uglify –save-dev 重名名插件： npm install gulp-rename –save-dev 再安装一下npm install

5164 0

Gulp 快速入门

入门指南全局安装 gulp： $ npm install --global gulp 作为项目的开发依赖（devDependencies）安装： $ npm install --save-dev gulp...task1 Hello World task2 流式处理 (1) 在项目根目录下创建 src 文件目录，里面创建 index.js (2) 在项目根目录下创建 dist 文件目录 (3) 安装...app.listen(3000, () => { console.log('server listening at port 3000...'); }); 使用 babel 转化为 ES5 语法： (1) 安装...babel-preset-es2015 (2) 创建 .babelrc 文件，配置如下 { “presets”: [“es2015”] } (3) 手动使用 babel 转译： $ babel src -d lib (4) 安装...(1) 安装 gulp-watch $ npm install gulp-watch --save-dev (2) 新增 task gulp.task('watch', () => { gulp.src

7741 0

快速搭建gulp项目实战

安装NodeJS，自行在node官网下载，并安装，通过node-v检查是否安装成功 ?...2.在此项目中，使用的是cnpm进行安装的，如果想使用cnpm安装，去淘宝镜像安装cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org...安装cnpm 2....安装Gulp环境 1.安装全局环境，运行命令 npm install gulp –g 3....gulp.src 找到执行文件 gulp.dest 执行任务的文件去出 gulp.watch 观察文件是否发生变化 4.安装一些常用的压缩包 cnpm install gulp-minify-css

1.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭