用gulp amd-optimize插件构建requriejs模块

最新推荐文章于 2019-04-26 10:28:35 发布

kongjiea

最新推荐文章于 2019-04-26 10:28:35 发布

阅读量7.8k

点赞数

分类专栏： requireJs

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

版权

requireJs 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、目录

2、相关代码：

aaa.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>seajs和requirejs的区别</title>
    <script src="http://apps.bdimg.com/libs/require.js/2.1.9/require.min.js" data-main="dist/c.js"></script>
</head>
<body>
    
</body>
</html>

c.js

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

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

b.js

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

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

a.js

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

gulpfile.js

var gulp = require("gulp");
var amdOptimize = require("amd-optimize");
var concat = require('gulp-concat');
 
gulp.task("default", function () {
 
  return gulp.src("app/**/*.js")   //路劲
    // Traces all modules and outputs them in the correct order. 
    .pipe(amdOptimize("c"))   //主入口文件
    .pipe(concat("c.js"))      //合并后的文件，如何合并后的文件和主入口名一样，构建后便只有一个文件
    .pipe(gulp.dest("dist"));  //输出目录
 
});