说明

当你在使用 Vue CLI 项目时，遇到 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined 警告，可以在 vue.config.js 文件中通过配置来注入这些编译时特性标志，以此消除警告并实现更好的树摇（tree - shaking）效果。

解决方案

1. 理解问题

在 Vue 的 ESM 打包构建版本中，编译时特性标志需要通过打包工具（这里是 Vue CLI 背后的 Webpack）全局注入，否则就会出现该警告。

2. 在 vue.config.js 中配置特性标志

在 vue.config.js 文件里，你可以使用 configureWebpack 或 chainWebpack 来注入所需的特性标志。下面分别给出这两种方式的示例：

使用 configureWebpack