common.js的语法

1.commonJs模块化规范(有对象导入导出)

1. 写个js

  const sum=function(a,b){
          return a+b
     }
  module.exports={
       sum  //sum:sum

   }

2. 导入写另外一个js

  const m=require('./xx.js')
  m.sum(1,2)    //注意包是个整体的概念

2.es6的模块化规范(默认是不支持的,要用babel降级) script 还有build
cnpm install --save-dev babel-loader@5.4.1

1. 第一种写法 !!!坑babel6,7不支持import关键字转es5

 //导出写个js
 export function xxx(){
        console.log("xxx");
  }
  //导入 再写个js
 import {xxx,xxx} from './xxx.js'
   xxx()   //因为是结构所以可以直接用函数,不解构,导入的都是一个对象都要 .xxx()

2. 第二种写法

 export default{
    function xxx(){
        console.log("xxx");
    }
    function xxx(){
        console.log("xxx");
    }

  }
 import obj from './xxx.js'  //变成对象了
 obj.xxx();