webpack起步 - 打包JS文件

webpack起步 - 打包JS文件

1. 使用 NPM 安装 webpack

要安装最新版本或者特定版本，请运行一下命令：

  npm install webpack --save-dev
  npm install webpack@<version> --save-dev

2. 在目录下新建 app.js 作为入口文件，新建 sum.js, minus.js, muti.js三种模块规范，还有index.html

app.js :

// es module
import sum from './sum'

// commonjs
const minus = require('./minus')

// amd
require(['./muti'], function (muti) {
  console.log('muti(23, 24) = ', muti(23, 24))
})

console.log('sum(23, 24) = ', sum(23, 24))
console.log('minus(23, 24) = ', minus(23, 24))

sum.js:

// es module
export default (x, y) => {
  return x + y
}

minus.js: