-
Gulp
安装
$ npm install --global gulp-cli # 全局安装 gulp $ npm install --save-dev gulp # 作为项目的开发依赖(devDependencies)安装
创建 gulp 任务管理文件 :
gulpfile.js
(在此文件中定义gulp所要执行的所有任务)任何需要 gulp 做的事情都需要被定义在任务中, 定义任务的 gulp api:
gulp.task()
, 在调用此 api 之前, 在 gulpfile.js 中先引用 gulpvar gulp = require('gulp');
通过
gulp.task()
定义任务, gulp中默认任务default, 定义默认任务gulp.task('default', function(){...})
任务定义完成后, 在命令行执行gulp
$ gulp
通过 gulp 指定命令行实现打包
Node 中执行脚本
var gulp = require('gulp');var shelljs = require('shelljs'); gulp.task('default', function() { shelljs.exec('browserify index.js -o main.js'); })
安装shelljs
npm install shelljs
执行
shelljs.exec('browserify index.js -o main.js');
在 Gulp 中执行 browserify 的 Api 实现打包
项目目录下安装 browserify
$ npm install browserify
var gulp = require('gulp'); var browserify = require('browserify'); var fs = require('fs'); gulp.task('default', function() { browserify().add('index.js').bundle().pipe(fs.createWriteStream('main.js')); })
查看全部 -
require 方法引入厂商JS文件
查看全部 -
安装browserify 三步
step1: 安装homebrew(官网有介绍)
step2: brew install node
step3: npm install -g browserify
查看全部 -
英文不好,学的有点慢
查看全部 -
Gulp--基于流的自动化构建工具。使用了流就可以像管道一样,将一个步骤的处理结果直接输送到下一个步骤,一切数据都保存在内存之中,从而减少I/O,提高了构建工具的性能。
查看全部 -
browerify是一个前端自动构建工具
查看全部 -
使用browserify实现js的模块化加载查看全部
-
什么是browserify?查看全部
-
使用browserify的watchify插件来监控文件变化查看全部
-
@dabear 调用sequence的时候,传入的参数有点写错了,应该是sequence("mainjs")查看全部
-
使用node的run-sequence模块,使得gulp能在一个task中调用另一个task查看全部
-
require相对于commonJS(JavaScript标准库)来说相当于一个关键字,因为一个规范是不涉及内容的具体实现的,但是对与browserify来说,require应当是一个函数查看全部
-
5135351351351351315351351351351351351351查看全部
-
gul[.task('default',function(){ shelljs.exec('browserify ...'); }) 使用shelljs的exec指令 执行browserify的 -o指令 require('browserify') require('fs') fs是node核心模块之一不需要npm安装 gulp.task('default', function(){ browserify() //browserify初始化 browserify() //browserify初始化 .add('js/index.js') //将该js文件作为输入文件输入到browserify中 .bundle() //得到文件内容的流 stream .pipe(fs.createWriteStream('js/main.js')); //传入需要生产文件的路径 })查看全部
-
chmod +x build.sh 设置可执行文件 路径 执行文件查看全部
举报