前端模块化

一 require.js

a.js

define(function () {
    return {
        a:function () {
            return '这是a文件'
        }
    }
})

b.js

define(['./a.js'],function (a) {
    return {
        b:function () {
            return a.a()+'这是b文件'
        }
    }
})

c.js

define(['./b.js'],function (b) {
    return {
        c:function () {
            return b.b()+'这是c文件'
        }
    }
})

入口文件main.js

require(['./js/c.js'],function (c) {
    console.log(c.c())
})

html

<script src="js/require.js" data-main="js/main.js"></script>

CommonJS

AMD和CommonJS的使用场景

1.需要异步加载js用AMD

2.使用了npm之后建议使用CommonJS