简单介绍 export -- export default | import {} from -- import num from | exports -- module.exports -- require 的区别
export -- export default | import {} from -- import App from
先来说他俩的相同之处:
都可以用来导出常量,文件,模块,函数
不同之处,直接举例说明:
1 //a.js通过export导出 2 export const a = 1 3 export function func(){}
4 //b.js如果需要引入则要知道对应导出的常量或方法名字,不能写错哦 5 import { a,func } from 'a.js' 6 7 //c.js通过export default导出 8 export default const b = 2
9 //d.js如果需要引入,不需要写{},也不需要知道导出方法的名字,直接自定义就好 10 import num from 'c.js' //export default只能导出一个,所以可以直接导入(export default只能有一个)
以上导入导出均为es6语法
且用import导入一个文件只会加载一次,多个文件中导入相同的文件也只会加载一次,
如果多个文件引用a.js,webpack在进行打包时,也不会打包多次,只会打包一次a.js

浙公网安备 33010602011771号