使用vue-i18n控制台报黄:You are running the esm-bundler build of vue-i18n. It is recommended to configure yo

You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to ex
使用vue-i18n时报黄:

You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.

大致意思就是:

你正在运行vue-i18n的ESM(ES模块)捆绑构建版本。建议配置你的打包工具(bundler),以明确地将特性标志(feature flag)全局变量替换为布尔字面量,以便在最终捆绑包中获得正确的“树摇”(tree-shaking)效果。

这里的“树摇”(tree-shaking)是Webpack等现代JavaScript打包工具中的一个概念,它可以在打包过程中移除未使用的代码(即“摇掉”这些代码),从而减小最终生成的包的大小。

在这个上下文中,vue-i18n可能使用了某些特性标志(feature flag)来决定是否包含或排除某些代码块。如果你的打包工具能够识别这些特性标志并将其替换为布尔值(true或false),那么它就能更准确地判断哪些代码是需要的,哪些是可以“摇掉”的。

简而言之,这条消息是建议你配置你的打包工具,以便更好地进行代码优化和减小最终文件大小。

解决办法

我这里是vite项目中,解决办法如下:

在vite.config.js中配置如下:

 export default defineConfig({
      define: {__VUE_I18N_FULL_INSTALL__: true, __VUE_I18N_LEGACY_API__: true, __INTLIFY_PROD_DEVTOOLS__: false},
})

这位大佬写的很好:vue-i18n报黄问题

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jieyucx

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值