第四十章-Vite配置-define

1.说明

Vite配置- define说明

官网原文:

类型: Record<string, string>

定义全局变量替换方式。每项在开发时会被定义为全局变量,而在构建时则是静态替换。

  • 2.0.0-beta.70 版本开始,字符串值将作为一个直接的表达式,所以如果定义为了一个字符串常量,它需要被显式地引用(例如:通过 JSON.stringify)。
  • 替换只会在匹配到周围是单词边界(\b)时执行。

2.使用

这里可能还不太清楚干什么的,看一下vue-i18n的应用。

vue-i18n的全局变量替换

原文:

Bundler 构建功能标志

esm-bundler builds现在暴露了全局特性标志,这些标志可以在编译时被覆盖。

  • __VUE_I18N_FULL_INSTALL__:启用/禁用,除了vue-i18n APIs,组件和指令都完全支持安装:true

  • __VUE_I18N_LEGACY_API__:启用/禁用vue-i18n传统风格的API支持,默认为true

  • __INTLIFY_PROD_DEVTOOLS__:在生产中启用/禁用intlify-devtoolsvue-devtools支持,默认为false

在没有配置这些标志的情况下,编译也能正常工作,但强烈建议正确配置这些标志,以便在最终的bundle中获得正确的树形摇动。要配置这些标志

  • webpack: 使用 DefinePlugin
  • Rollup: 使用 @rollup/plugin-replace
  • Vite:默认配置,但可以使用define选项覆盖。

注意:替换值必须是布尔文,不能是字符串,否则bundler/minifier将无法正确评估条件。

如此,就按照VbenAdmin的原代码一样配置吧。不然vue-i18n还会包警告,当然,现在我们还没有安装vue-i18n。后面配置国际化的时候再讲。

上一章

第三十九章-Vite配置-build.chunkSizeWarningLimit

下一章

第四十一章-Vite配置-css.preprocessorOptions

# vben  vite 

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×