在webpack中如何实现模块之间的导出和导入的

首先我们先来看 CommonJs:

第一个js文件导出:
function
add(num1,num2){ return num1+num2 } function mul(num1,num2){ return num1*num2 } //将两个函数导出 module,exports =
{ add: mul: }
第二个js文件导入:

//
在入口文件 或其他文件用CommonJs导入 const {add,mul} = require('导出时的文件路径') console.log(add(20,30))//这一步是传参打印输出 console.log(mul(20,30))

其次我们来看Es6的导出和导入:

 

第一个js文件
 导出
export const name = '哈哈哈';
export const  age = 18;
export const  height = 200;

 

第二个js文件导入:

import {name,age,height} from '导出时的文件路径也就是第一个js文件的路径'



console.log(name);
console.log(age);
console.log(height);

 

posted @ 2020-06-03 16:29  白头翁z  阅读(224)  评论(0编辑  收藏  举报