gulp打包seajs，用gulp-cmd-pack打包seajs模块

最新推荐文章于 2019-06-17 11:45:00 发布

kongjiea

最新推荐文章于 2019-06-17 11:45:00 发布

阅读量5.4k

点赞数

分类专栏： seajs gulp

本文链接：https://blog.csdn.net/kongjiea/article/details/48320815

版权

seajs 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

gulp

4 篇文章 0 订阅

订阅专栏

html代码：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>seajs和requirejs的区别</title>
<script src="sea.2.3.js"></script>
<script>
    seajs.use('./c');
</script>
</head>
<body>
    
</body>
</html>

a ,b,c 三个js模块代码如下：

define(function(require,exports,module) {
    function fn(){
        console.log("hello module a");
    }
    exports.fn=fn;
});

define(function(require,exports,module) {
    var a = require('a');
    a.fn();
    console.log("hello module b")

    console.log("b finished")
});

define(['b'],function(require,exports,module){
    require('b');
    console.log("hello module c");

    console.log("c finished");
});

gulpfile

注意这里的base 是gulpfile.js相对路径 mainId 是入口文件这里是c.js的入口id，这里的mainId必须和seajs.use('dist/c')必须是一致的

gulpfile.js和构建的js都在同一目录案例

var gulp = require('gulp');
var cmdPack = require('gulp-cmd-pack');
var uglify = require('gulp-uglify');
 
gulp.task('default', function () {
    gulp.src('c.js') //main文件 
        .pipe(cmdPack({
            mainId: 'dist/c', //初始化模块的id 
            base: './', //base路径
        }))
       // .pipe(uglify())
        .pipe(gulp.dest('dist'));//输出到目录 
});

gulpfile.js 和构建的js不在同一目录案例：

gulpfile的代码：

base 是gulpfile 相对构建的js的路劲

var gulp = require('gulp');
var cmdPack = require('gulp-cmd-pack');
var uglify = require('gulp-uglify');
 
gulp.task('default', function () {
    gulp.src('js/c.js') //main文件 
        .pipe(cmdPack({
            mainId: 'dist/c', //初始化模块的id 
            base: 'js/', //base路径
        }))
        //.pipe(uglify())
        .pipe(gulp.dest('js/dist/'));//输出到目录 
});

可参（yan）考（jiu）的插件：

完整案例下载：

kongjiea

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
gulp打包seajs，用gulp-cmd-pack打包seajs模块

html代码： seajs和requirejs的区别 seajs.use('./c'); a ,b,c 三个js模块代码如下：adefine(function(require,exports,module) { function fn(){ console.log("hello module a"); }
复制链接

扫一扫