webpack学习3.1由浅入深-打包JS

打包JS

Step1:在新建的文件夹下新建一个sum.js文件,一个app.js文件

sum.js

//es module
export default function(a,b){
    return a+b;
}

minus.js

//CommmonJS
module.export = function(a,b){
    return a+b
}

app.js引入sum模块

//es module
import sum from './sum'
//commonJS 
var minus = require('./minus')

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

打包运行,app.js是需要打包的函数,而bundle.js是打包之后生成模块的文件,webpack 版本更改后有一点不一样(后续更新)

webpack app.js bundle.js