2021-08-02 commonJs与 es6 模块的区别

最新推荐文章于 2026-01-06 19:45:54 发布

原创最新推荐文章于 2026-01-06 19:45:54 发布 · 94 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

JS 专栏收录该内容

9 篇文章

订阅专栏

本文对比了require与ES6 import的区别，并介绍了ECMAScript中如何使用import()进行运行时加载模块，尤其适用于条件语句中按需加载的情况。

require 是运行时加载
而es6 的import 则是构建起加载
随后 ECMA组织推出了import() 也实现运行时的加载
所以
if(a === 1) {
	import {xxx} from './1.js' // 以前的构建期引入会导致报错 因为这个if永远不会进入
	import('./1.js') // 现在可以使用函数式的方法在代码块中来引入
		.then(
			module => module.xxx
		)
}