前端打包结构_webpack_vite_2_模块化规范CommonJS

一、卡点

在写前端时候

每次都要通过这个来导入js或者不导入js
那假如我需要所有html都有一个公共代码，或者某个代码忘记了导入某个模块岂不是麻烦了。

二、制定了规范，采用CommonJS来执行

CommonJS是nodejs的模块加载机制
执行方式为：

• 一个文件就是一个模块
• 每个模块都有自己的单独域
• 通过moudle.export导出
• 通过require函数导入模块

三、CommonJS和ES6（ES module）

CommonJS是在nodejs中使用的，在编译的时候一次性导入模块完成
但是在浏览器中是一直在变的，于是产生了ES6规范
随着打包工具出现，ES6越来越普及