Webpack是如何打包CommonJS模块的，这个原理你了解吗？

本文共计1087个文字，预计阅读时间需要5分钟。

目录

一、编写代码

二、使用webpack打包编译

三、解析

CommonJS是Node中的模块化规范，是一种运行在Node环境下的代码，不能直接运行在浏览器环境中。

目录

• 一、书写代码
• 二、使用webpack打包编译
• 三、解析

CommonJS 是 Node 中的一种模块化规范，其是一种运行在 Node 环境下的代码，这种代码是不能直接运行到浏览器环境中的。但是在日常使用 webpack 的项目中不用做额外的处理，我们也能使用 CommonJS 来书写代码，那么 webpack 在这背后做了什么呢？

我们这里不看编译时，只看运行时

一、书写代码

使用yarn init -y命令初始化一个package.json文件。 接着yarn add webpack安装一下webpack。