前端工程化

require 和 import 的区别

import: ES模块化方案,会被js引擎静态分析，所以是优于代码执行的，不能在代码执行后引入,所以import只能在模块的顶层。

require: CommonJS模块方案，运行时加载模块，可以放在代码的任何位置,加载的是一个对象。

import(): ES2020提案，类似require为动态加载模块,可以用在任何地方，区别是require是同步，import()是异步。

require/exports 输出的是值的拷贝。一旦输出一个值，模块内部的变化就影响不到这个值。 import/export 输出的是值的引用。JS 引擎对脚本静态分析的时候，遇到模块加载命令import ，就会生成一个只读引用。