-
var gulp = require('gulp')； gulk.task('default',function(){})查看全部
-
chmod +x build.sh 设置可执行文件 路径 执行文件查看全部
-
process是node中预定义的变量 process.env 当前进程的所有环境变量 process.env.NODE_ENV??process.env.ENV?? 执行命令行 ENV=prod gulp 执行uglify node.js process.env相关摘录 process.env属性返回一个对象，包含了当前Shell的所有环境变量。比如，process.env.HOME返回用户的主目录。 通常的做法是，新建一个环境变量NODE_ENV，用它确定当前所处的开发阶段，生产阶段设为production，开发阶段设为develop或staging，然后在脚本中读取process.env.NODE_ENV即可。 运行脚本时，改变环境变量，可以采用下面的写法。 $ export NODE_ENV=production && node app.js # 或者 $ NODE_ENV=production node app.js查看全部
-
browserify().bundle()后的文件内容流不是gulp所能识别的流, gulp没有使用node提供的流作为标准(即bundle后是node标准流) 而是通过vinyl-fs文件系统识别器来识别内容, vinyl adapter for the file system, 以vinyl文件格式(virtual file format)作为标准在vinyl和文件系统中作为桥梁 vinyl-source-stream : 从node stream 得到一个 vinyl stream, 后面的uglify()接受的是一个vinyl stream uglify 要求存入的内容是buffer, 而不是stream; buffer vs stream: stream是一个动态的过程, 数据是一点点流到下一个步骤; 而uglify过程, 牵扯到词法的重构, 如修改变量名, 需要整体文件的内容进行上下文判断, 如果只是文件片段可能出现错误; 所以需要对vinyl-source-stream处理后的vinyl stream进行处理, 使他变成vinyl buffer -- npm安装vinyl-buffer模块查看全部
-
使用browserify-shim 将第三方类库加入main.js中 配置package.json文件查看全部
-
将打包的第三方类库文件称为vendorjs 1. 定义vendorjs的任务 browserify()初始化.require(bower下的第三方库路径, {expose: '暴露接口名称'}).bundle.pipe(fs.createWriteScream('输出文件路径vendor.js')) 2. 命令行运行vendorjs任务 gulp vendorjs 在输出目录中生成vendor.js文件查看全部
-
安装使用bower 前端模块管理工具查看全部
-
使用watchify监控文件变化查看全部
-
安装run-sequence : npm install run-sequence, 该模块的作用会根据任务名称参数调用任务, 可以按顺序传入多个task名称 gulp.watch(['assets/js/*.js'], function(){ sequence('main.js'); } ) 第一个参数: 一个 glob 字符串，或者一个包含多个 glob 字符串的数组，用来指定具体监控哪些文件的变动。 第二个参数: 每次变动需要执行的 callback。查看全部
-
gulp 基于流的自动化构建工具查看全部
-
browserify 实现 js 的模块化加载 使用了 node.js 的 CommonJS 模块规范查看全部
-
browserify是一个管理前端依赖的工具, 可以实现js的模块化加载查看全部
-
gulp中使用browserify 1. 本地安装browserify : npm install browserify (之前全局安装) 2. require('browserify') require('fs') fs是node核心模块之一不需要npm安装 3. gulp.task('default', function(){ browserify() //browserify初始化 .add('js/index.js') //将该js文件作为输入文件输入到browserify中 .bundle() //得到文件内容的流 stream .pipe(fs.createWriteStream('js/main.js')); //传入需要生产文件的路径 })查看全部
-
1. 安装gulp : npm install gulp 2. 创建gulp任务管理文件 : gulpfile.js(在此文件中定义gulp所要执行的所有任务) 3. 任何需要gulp做的事情都需要被定义在任务中, 定义任务的gulp api: gulp.task(), 在调用此api之前, 在gulpfile.js中先引用gulp: var gulp = require('gulp'); (commonjs规范, 已通过npm安装gulp, node自动找到gulp模块) 4. 通过gulp.task()定义任务, gulp中默认任务default, 定义默认任务 gulp.task('default', function(){...}). 5. 任务定义完成后, 在命令行执行gulp查看全部
-
gulp 本质上是任务管理器查看全部
举报
0/150
提交
取消