需要 var es = require('event-stream');

gulp.task('browserify', function(){
var files = [
{
fpath: './js/main.js',
fname: 'main.js'
},
{
fpath: './js/main2.js',
fname: 'main2.js'
}
]; var tasks = files.map(function(entry){
return browserify({ entries: [entry.fpath] })
.bundle()
.pipe(source(entry.fname))
.pipe(buffer())
.pipe(uglify())
.pipe(rename({ extname: '.bundle.js' }))
.pipe(gulp.dest('./dist/s/js'));
}); return es.merge.apply(null, tasks);
});

附上完整 gulpfile.js 如下:

'use strict';

var gulp = require("gulp"),
browserify = require('browserify'),
source = require("vinyl-source-stream"),
buffer = require('vinyl-buffer'),
less = require("gulp-less"),
minifyCss = require('gulp-minify-css'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
es = require('event-stream'),
watchify = require('watchify'); gulp.task('less', function(){
gulp.src('./less/*.less')
.pipe(less())
.pipe(minifyCss({
advanced: false,
compatibility: 'ie7'
}))
.pipe(gulp.dest('./dist/s/css'));
}); gulp.task('browserify', function(){
var files = [
{
fpath: './js/main.js',
fname: 'main.js'
},
{
fpath: './js/main2.js',
fname: 'main2.js'
}
]; var tasks = files.map(function(entry){
return browserify({ entries: [entry.fpath] })
.bundle()
.pipe(source(entry.fname))
.pipe(buffer())
.pipe(uglify())
.pipe(rename({ extname: '.bundle.js' }))
.pipe(gulp.dest('./dist/s/js'));
}); return es.merge.apply(null, tasks);
}); gulp.task('watch', function(){
gulp.watch('./less/*.less', ['less']);
gulp.watch('./js/**/*.js', ['browserify']);
}); gulp.task('default', ['less', 'browserify']); gulp.task('serve', ['less', 'browserify', 'watch']);

gulp配置browserify多入口的更多相关文章

  1. 前端构建工具的用法—grunt、gulp、browserify、webpack

    随着前端项目的飞速发展,项目越来越大.文件越来越多,前端工程化的工具也越来越多.下面介绍目前最流行的四种构建工具——grunt.gulp.browserify.webpack 所有的构建工具都是基于N ...

  2. 使用Gulp和Browserify创建多个绑定文件

    Browserify是一个Javascript的绑定工具,帮助我们理顺module之间的依赖关系.Gulp用来优化workflow.两者的共同点都是使用流,但在使用流方面也有不同之处: Browser ...

  3. 【前端】我的Gulp配置

    2. gulp + browserify /** * File Name: gulpfile.js */ // 引入 gulp var gulp = require('gulp'); // 引入组件 ...

  4. React gulp、Browserify、Webpack实例

    一.gulp var gulp = require('gulp'); var react = require('gulp-react'); gulp.task('jsx', function() { ...

  5. gulp配置

    /* gulp配置 */ /* gulp配置 */ var gulp = require('gulp'), concat = require('gulp-concat'), rename = requ ...

  6. Scss开发临时学习过程||webpack、npm、gulp配置

    SCSS语法: 假设变量申明带有!default,那么如果在此申明之前没有这个变量的申明,则用这个值,反之如果之前有申明,则用申明的值. ‘...’传递多个参数: @mixin box-shadow( ...

  7. 快速配置webpack多入口脚手架

    背景 当我们基于vue开发单个项目时,我们会init一个vue-cli,但当我们想在其他项目里共用这套模板时,就需要重新init一个,或者clone过来,这非常不方便,而且当多人开发时,我们希望所有的 ...

  8. vue-cli3配置多页面入口

    假如要单独将登陆页面当成一个项目入口文件: 第一步:创建一个登陆页面的文件 在项目public文件夹下创建一个login.html,其实就是将index.html复制一份,将title改一下: 第二步 ...

  9. gulp 配置达到实现import export支持

    gulp.task('tojs', () => { return gulp.src('./es/**/*.js') .pipe(babel({ babelrc: false, plugins: ...

随机推荐

  1. jquery 实现页面拖拽并保存到cookie

    实现的效果就是页面内的图片可拖拽到任意位置,并将所在位置保存.下次打开页面依然可见.本文是作demo用,实际开发中,位置的数据应保存到数据库中. 好了,开始. 1.准备工作. a.jquery(1.7 ...

  2. WinForm中TextBox 中判断扫描枪输入与键盘输入

    本文转载:http://www.cnblogs.com/Hdsome/archive/2011/10/28/2227712.html 提出问题:在收货系统中,常常要用到扫描枪扫描条码输入到TextBo ...

  3. android RelativeLayout 内容居中解决办法

    android RelativeLayout 内容居中解决办法:   使用Linearlayout本来利用父控件的gravity属性是很好解决的.但是对应RelativeLayout虽然有 gravi ...

  4. 学习NodeJS第一天:node.js引言

    Node.JS 是资深 C 程序猿 Ryan Dahl(http://four.livejournal.com/)的作品,根据 Google 著名的开源 JavaScript 引擎 V8 来进行二次开 ...

  5. tcp ip参数详解

    http://www.cnblogs.com/digdeep/p/4869010.html 1. TCP/IP模型 我们一般知道OSI的网络参考模型是分为7层:“应表会传网数物”——应用层,表示层,会 ...

  6. centos安装g++

    安装: yum -y install gcc automake autoconf libtool make 安装g++: yum install gcc gcc-c++

  7. c# 的导入功能SqlBulkCopy

    private static void DataTableToSQLServer( DataTable dt) { string connectionString = GetConnectionStr ...

  8. 《3D数学基础:图形与游戏开发》勘误

    最近读这本书,读到四元素的乘法时,自己推导了一下公式,然后懵了,多方查阅,确定是书籍中的笔误(我读的是中文翻译版): 具体在Page147: 上图所示,在第二处明显与第一处的公式不一样. 在维基百科上 ...

  9. UMEditor 二次开发技术实践

    许多项目都会或多或少的结合许多第三的组件,恰好,遇到了UMeditor富文本组件,因为它及其精简,功能强大,有专业团队维护,所以,我选择了它,而且它出色的完成项目中的全部功能的需求,对此,我说一下,二 ...

  10. onContextItemSelected 用法

    http://blog.csdn.net/kavensu/article/details/8045041 onCreateOptionsMenu :此方法为创建菜单方法,这个菜单就是你在点击手机men ...