模块化

172 阅读1分钟

webpack模块化原理-commonjs:

1. 解析了webpack对commonjs的polifill

segmentfault.com/a/119000001…


webpack模块化原理-ES module

segmentfault.com/a/119000001…


webpack模块化原理-Code Splitting

segmentfault.com/a/119000001…


import、require、export、module.exports 混合使用详解:

1. import文件导出的是一个对象,default和random都是他的一个属性,如果采用

import a from 'ceshi' 的形式,会默认引入default的内容,如果采用的是

import * as a from 'ceshi' ,引入的是一个对象a,default只是对象的一个属性

2. import Button from 'element-ui/lib/button',import { Button, Select } from 'element-ui'

这两个命令前者好一点,因为是按需引入的

juejin.cn/post/684490…


CommonJS模块与ES6模块的区别:

1. CommonJS文件只会运行一次,并把exports缓存到installedModules中去,如果后续还有别的文件加载该CommonJS文件,那会从缓存中取值,所以多个文件会共享一个exports,该exports是对原CommonJS文件中被导出变量的浅复制,这个浅复制没有递归的

2. 该文章还解释了循环引用的问题,import是没有循环引用问题的

www.cnblogs.com/unclekeith/…


JavaScript 模块的循环加载:

1. 辅助理解循环引用的问题

www.ruanyifeng.com/blog/2015/1…