Vue 生态正在发生一次重要变化。
最近，Pinia 作者 posva 发文表示：
Pinia v4 已经正式转向 ESM Only。
未来 Vue Router 6 也将仅支持 ESM，Vue 最终也会全面进入 ESM Only。
这意味着：
陪伴 JavaScript 生态十多年的 CommonJS，正在逐渐退出 Vue 官方生态。
从：
CommonJS
↓
ESM
Vue 正在完成一次底层架构迁移。
而第一个重要节点，就是刚刚发布的：
Pinia v4 正式发布！
Pinia v4 发布：Vue 状态管理进入新时代
作为 Vue3 官方推荐的状态管理方案，Pinia 已经成为如今 Vue 项目的主流选择。
从过去：
Vue2
↓
Vuex
到现在：
Vue3
↓
PiniaVue 状态管理已经完成了一次重要变化。
而这一次 Pinia v4 发布，最大的意义并不是增加几个 API。
它更像是：
Vue 生态迈向未来的一次基础设施升级。
最大变化：Pinia v4 正式 ESM Only
Pinia v4 最重要的更新：
不再提供 CommonJS 构建，仅支持 ESM。
以前：
const { createPinia } = require('pinia')
未来：
import { createPinia } from 'pinia'
将成为唯一方向。
为什么要做这个改变？
因为现代前端生态已经全面转向 ESM。
现在：
Vue3ViteTypeScriptRolldown新版 Node.js
都已经围绕 ES Module 构建。
继续维护：
CommonJS
+
ESM
只会增加生态复杂度。
Pinia v4 还有哪些更新？
除了 ESM 迁移，这次大版本升级还带来了不少重要优化。
1. 错误诊断能力增强
这是 Pinia v4 一个非常值得关注的变化。
以前状态管理出现问题：
可能只看到：
Something went wrong
开发者需要自己定位。
Pinia v4 优化了错误提示体系：
包括：
更明确的问题定位 更清晰的开发警告 更好的调试反馈
对于普通开发来说：
排查 Bug 更快。
而对于未来 AI Coding：
意义更大。
因为 AI 理解代码，需要更加准确的上下文。
2. DevTools 调试体验升级
Pinia 一直和 Vue DevTools 深度集成。
这次升级同步优化了开发体验。
包括：
更好的状态追踪 更清晰的数据变化记录 更完善的调试信息
大型 Vue 项目调试会更加方便。
3. storeToRefs 体验优化
Vue3 项目里：
const store = useUserStore()
const {
username,
token
} = storeToRefs(store)
非常常见。
Pinia v4 对这里进行了优化：
类型提示更加准确 错误反馈更加明确 边界情况处理更完善
减少开发过程中一些隐藏问题。
4. 更多细节优化
同时 Pinia v4 还包含：
新增 piniaSymbol导出改善插件错误诊断 优化 Hydration 支持 修复 HMR 状态保持问题 修复 watcher 重复触发问题
虽然这些变化不会改变日常 API 使用方式，但会提升整体稳定性。
Vue Router 6：下一个 ESM 迁移者
Pinia v4 并不是独立变化。
posva 同时透露：
未来：
Vue Router 6
也会只支持：
ESM
这其实释放了一个更明显的信号：
Vue 官方生态正在统一方向。
未来：
Vue
|
Vue Router
|
Pinia
|
Vue Plugins
都会逐步进入：
ESM Only
时代。
为什么 Vue 最终也会只支持 ESM？
其实这个趋势并不意外。
现代 Vue 已经深度依赖：
Vite TypeScript Composition API <script setup>
这些能力背后，都更加适合 ESM。
相比 CommonJS：
ESM 最大优势：
更好的静态分析
工具可以提前知道模块依赖关系。
带来的收益：
更精准 Tree Shaking 更好的构建优化 更强的代码分析能力
对开发者有什么影响？
如果你的项目：
Vue3
+
Vite
+
TypeScript
+
Pinia
基本无需担心。
因为你已经处于 ESM 生态。
真正需要关注的是老项目：
Webpack4
+
CommonJS
+
旧 Node.js
未来升级 Vue 生态时，需要逐步迁移。
例如：
以前：
const utils = require('./utils')
未来：
import utils from './utils'
ESM 也更适合 AI Coding 时代
还有一个隐藏变化。
未来开发方式正在变化：
写代码
↓
AI 理解代码
↓
AI 修改代码
AI Agent 需要理解：
模块关系 类型信息 调用链路
而 ESM 的静态结构更加清晰。
这也是为什么未来：
现代 IDE
AI 编程工具
构建系统
都会更加偏向 ESM。
Vue 生态正在进入 ESM 时代
回看过去：
Vue2
+
Vuex
+
Webpack
+
CommonJS
代表传统前端时代。
现在：
Vue3
+
Pinia4
+
Vue Router6
+
Vite
+
TypeScript
+
ESM
正在成为新的标准。
Pinia v4 只是开始。
未来 Vue 官方生态会继续完成这次迁移。
写在最后
CommonJS 曾经是 JavaScript 生态的重要基础。
但随着现代工具链的发展：
ESM 已经成为未来方向。
从 Pinia v4 开始，Vue 生态正式迈入：ESM 时代。
未来的 Vue 项目，会越来越现代化，也会越来越适合下一代开发工具。
