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

1、目录

用gulp amd-optimize插件构建requriejs模块_第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"));  //输出目录
 
});

3、完整案例下载:


4、测试的插件列表

用gulp amd-optimize插件构建requriejs模块_第2张图片


你可能感兴趣的:(用gulp amd-optimize插件构建requriejs模块)