webpack 基本使用

通过commonjs开发和通过es6开发的模块

然后通过webpack进行打包

// 使用commonjs的模块化规范
const {add,num} =  require('./aaa.js')

console.log(add(1,2))
console.log(num(100,200))

使用commonjs导入导出

var falg = false
function num(num1,num2) {
    return num1 * num2
}

function add(num1,num2) {
  return num1 + num2
}
// 这个是commonjs的导出
module.exports = {
  num,
  add
}
// 使用commonjs的模块化规范
const {add,num} =  require('./aaa.js')

console.log(add(1,2))
console.log(num(100,200))

使用ES6导入导出

var falg = false
function num(num1,num2) {
    return num1 * num2
}

function add(num1,num2) {
  return num1 + num2
}


// 这个是ES6的导出
export {num,add}
// 使用es6导入
import {add,num} from './info.js'

console.log(add(111,222))
console.log(num(123,123))
原文地址:https://www.cnblogs.com/ch2020/p/14850690.html