模块化---common.js

• 入口文件：app.js

// require是同步加载
// 客户端：common.js的模块化，需要browserify编译之后才能使用
// 服务端：运行时同步加载，无问题
let module1 = require('./module1.js')
let module2 = require('./module2.js')
console.log(module1.name)
console.log(module2.foo.fn())
1
2
3
4
5
6
7

• 模块1：module1.js

module.exports = {
    name:'module1',
    fn(){
        console.log(this.name);
    }
}
1
2
3
4
5
6

• 模块2：module2.js

exports.foo = {
    name:'module2',
    fn(){
        console.log(this.name);
    }
}
exports.bar = {
    name:'module2',
    bar(){
        console.log(this.name);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12

{
  "name": "commonjs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "browserify -e ./modules_js/app.js -o dist/boundle.js"
  },
  "author": "",
  "license": "ISC"
}
1
2
3
4
5
6
7
8
9
10
11