一个根据alias配置合并js文件的gulp插件，合并时会自动提取模块间的依赖
发布于 20小时前 作者 PeterMu 77 次浏览 来自 分享

gulp-alias-combo

一个根据alias配置合并js文件的gulp插件，合并时会自动提取模块间的依赖

Install

npm install gulp-alias-combo --save-dev

Usage

使用场景

gulp-alias-combo插件主要目的是合并seajs/requirejs中配置的别名模块，会把所 有配置的别名模块合并到入口js文件中。合并过程中会自动提取依赖模块，不会出现 重复合并。

使用样例

var gulp = require('gulp')
var aliasCombo = require('gulp-alias-combo')
    
gulp.task('combo', function(){
    return gulp.src('src/apps/*.js')
        .pipe(aliasCombo({
            baseUrl: __dirname + '/src/',
            alias: {
                'monitor/underscore': "libs/underscore/1.8.3/underscore.js",
                'monitor/backbone': "libs/backbone/1.1.2/backbone.js",
                'monitor/project': "common/project"
            }
        }))
        .pipe(gulp.dest('dest/apps'));
})

提示：

  1. baseUrl和alias都是必须配置项，baseUrl和alias配置的路径合并后就是模块的绝对路径。
  2. 如果在alias中没有配置的别名，在合并时会忽略，不会进行合并操作。
  3. 要合并的模块不要指定模块ID，合并的时候会根据alias配置设置模块的ID，模块要使用CommonJS标准写法。即：
defind(function(require, exports, module){
  //code
})

运行

gulp combo

运行完成后，会打印合并日志：

[16:44:18] build /work/build/src/apps/app.js:
  monitor/backbone:[/work/build/src/libs/backbone/1.1.2/backbone.js]
  monitor/underscore:[/work/build/src/libs/underscore/1.8.3/underscore.js]
  monitor/views/project:[/work/build/src/views/project.js]

GitHub

https://github.com/PeterMu/gulp-alias-combo

欢迎star，欢迎issues & pull request

License

MIT @ Peter Mu

回到顶部