介绍 本文是 JavaScript 高级深入浅出的第 20 篇，在本文中详细介绍了 ESM 是如何工作的，值得注意的是，本文大量内容和图片参考 此文档，可以说该篇是此文档的翻译版 正文 1. ESM

一、webpack如何进行动态导入的 1. 先搭建一个最基本的能用的webpack项目， 简单配置如下 2. 再从同步引入模块入手 当我们入口文件引用了两个其他文件 打包后的结构目录 从main.js

随着前端技术的不断发展，`JavaScript`已经成为了广泛应用的编程语言之一。在开发过程中，大量的JS代码会导致页面加载缓慢，进而影响用户体验。为了解决这个问题，开发者们采用了各种方法进行代码

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

1. JavaScript模块化简述👦 一个复杂的项目肯定有很多相似的功能模块，如果每次都需要重新编写模块肯定既费时又耗力。同样，某个功能别人已经造好了轮子，我们就调来用用就好，这时就要引用别人编写模块，引用的前提是要有统一的「打开姿势」，如果每个人有各自的写法，那么肯定会乱…

本文涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包

新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

es6模块化是浏览器端与服务器端通用的模块化开发规范，其设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，及输入和输出的变量。

当你被问到关于模块化的时候，你能讲多少？你所理解的模块化是什么样？模块化的思想是什么？什么才是好的模块化应用？