使用 webpack 打包 js

通过 命令行工具打包: webpack app.js bundle.js; 打包完成后会在同目录下生成bundle.js.

app.js: 入口文件;
bundle.js: 打包好的文件。

ES规范

// app.js
import sum from './sum';
console.log('sum =', sum(1, 2));

// sum.js 使用 export default 暴露接口
export default function(a, b) {
  return a + b;
}

CommonJS

// app.js
let sum = require('./com');
console.log('sum =', sum(4, 8));

// com.js 
module.exports = function(a, b) {
  return a + b;
}

使用 amd

通过amd规范定义的, 打包后会生成一个bundle.js 和 一个 1.bundle.js， 两个bundle.js 文件

// app.js
require(['./amd.js'], function(amd) {
  console.log('amd =', amd(2, 2));
})

// amd.js
define(function () {
  return function (a, b) {
    return a + b;  
  }
})