webpack模块化原理-commonjs:
1. 解析了webpack对commonjs的polifill
webpack模块化原理-ES module
webpack模块化原理-Code Splitting
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'
这两个命令前者好一点,因为是按需引入的
CommonJS模块与ES6模块的区别:
1. CommonJS文件只会运行一次,并把exports缓存到installedModules中去,如果后续还有别的文件加载该CommonJS文件,那会从缓存中取值,所以多个文件会共享一个exports,该exports是对原CommonJS文件中被导出变量的浅复制,这个浅复制没有递归的
2. 该文章还解释了循环引用的问题,import是没有循环引用问题的
JavaScript 模块的循环加载:
1. 辅助理解循环引用的问题
www.ruanyifeng.com/blog/2015/1…