exports/module.exports, export/export default用法讲解

es6模块导入导出

(最终编译为 require)

export/export default
import(import是解构过程)

//导出变量 
export const a = '100';  
 
 //导出方法
export const dogSay = function(){ 
    console.log('wang wang');
}
 
 //导出方法二
function catSay(){
   console.log('miao miao'); 
}
export { catSay };

//as
var libs = {...}
export {
  libs as slideVerify
}

import {dogSay,catSay} form './test.js
import {slideVerify} form './test.js


//export default导出

const m = 100;
export default m; 
//export defult const m = 100; 这里不能写这种格式。

export m form ./test.js

node模块导入导出

exports/module.exports(遵循commonJs)
require(require是赋值过程)

exports和module.exports指向一个内存

1 exports

exports.path = [function name]// 更推荐这种
moudle.exports.path = [function name]// 也可以

const path = require(./text.js）

2 module.exports

moudle.exports= compression-webpack-plugin
const CompressionWebpackPlugin = require('compression-webpack-plugin')
用法
new CompressionWebpackPlugin({
    filename: '[path].gz[query]',
})

exports只能暴露单个函数，moudle.exports暴露一整个类

参考 https://blog.csdn.net/qq_31967569/article/details/82461499