模块化
7篇文章 · 0订阅
  • ESModule 系列 (三)：渐进式 Unbundled 开发工具探索之路
    得益于现代浏览器内置了模块处理系统(ESM), 业界新兴开发工具 Snowpack、WMR、Vite 等直接将模块解析加载过程直接交给浏览器， Dev Server 能够秒级启动。
    前端
  • ESModule 系列 (二)：构建下一代基础设施 PDN
    随着前端技术和浏览器的发展，对于 ESM 逐渐成功了标配，下一个时代的静态资源分发，将以 ESM 为基础逐步走向舞台中央！
    前端
    ESModule 系列 (二)：构建下一代基础设施 PDN
  • Es-Module-Lexer，ES Module 语法的词法分析利器
    说到词法分析，我想很多同学第一时间想到的可能是 Babel、Acorn 等工具。不可否认，它们都很强大 😶。 es-module-lexer 是一个可以对 ES Module 进行「词法分析」的工具包。 它压缩后之后只有 4KiB，其底层通过内联（Inline） Web As…
    JavaScript
    Es-Module-Lexer，ES Module 语法的词法分析利器
  • 深入解析require源码，知其根，洞其源
    模块是nodejs 中非常核心重要的概念，而围绕模块还有个更核心的东西，那就是require函数，大家相比或多或少听说过或者使用过该函数，但你知道它的实现机理吗？你能实现它吗？
    前端 JavaScript Node.js
    深入解析require源码，知其根，洞其源
  • CommonJS和ES6 Module 模块规范原理浅析
    这个两个规范曾经困扰过我，因为他们的关键词都很像：import/export/export default/require/module.exports... 总是傻傻分不清楚。 关于他们之间的区别只是听说一个动态加载、一个静态加载；一个导出副本，一个导出引用。这又是什么意思，…
    JavaScript
  • ES Module从语法到原理详解
    ES Module使用详解 ES Module 系列： ES Module使用详解 ES Module原理详解 一、什么是ES Module Can I Use 截止本篇文章为止（2022-05-15
    前端
    ES Module从语法到原理详解
  • 原生ES-Module在浏览器中的尝试
    首先在使用上，唯一的区别就是需要在script标签上添加一个type="module"的属性来表示这个文件是作为module的方式来运行的。 然后在对应的module文件中就是经常会在webpack中用到的那样。 这里有一个类似于noscript标签的存在。 可以在script…
    浏览器 前端 JavaScript