require 和 import的区别

特性requireimport规范CommonJS 规范Node.js 原生标准浏览器原生不支持打包工具webpack/vite兼容。ES ModuleESMES6 官方标准浏览器、Node、Vite/Webpack 全部原生支持。加载方式同步静态编译时位置任意文件顶部动态路径✅ 支持❌ 不支持但可使用懒加载的方式实现动态路径加载() import(/views/ 传参 .vue)懒加载❌✅ import()默认导出require().defaultimport xxx from命名导出require().nameimport { name } from浏览器支持❌ 需要打包工具✅ 原生支持需配置