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-devtools
和vue-devtools
支持,默认为false
在没有配置这些标志的情况下,编译也能正常工作,但强烈建议正确配置这些标志,以便在最终的bundle
中获得正确的树形摇动。要配置这些标志
webpack
: 使用 DefinePlugin
Rollup
: 使用 @rollup/plugin-replace
Vite
:默认配置,但可以使用define
选项覆盖。
注意:替换值必须是布尔文,不能是字符串,否则bundler/minifier
将无法正确评估条件。
如此,就按照VbenAdmin的原代码一样配置吧。不然vue-i18n
还会包警告,当然,现在我们还没有安装vue-i18n
。后面配置国际化的时候再讲。
上一章
第三十九章-Vite配置-build.chunkSizeWarningLimit
下一章
第四十一章-Vite配置-css.preprocessorOptions