В документации VueJS говорится, что любые переменные среды, которые начинаются с VUE_APP_, будут статически встроены в клиентский пакет.Мне любопытно, можно ли заставить Vue встраивать любые переменные окружения, о которых я говорю.
Я попытался подключиться к методу configureWebpack в vue.config.js, но это не сработало вообще (ни один из приведенных ниже переменных env не отображался в клиентском пакете):
// vue.config.js
module.exports = {
configureWebpack: config => {
config.plugins = [
...config.plugins,
new webpack.DefinePlugin({
'process.env': {
TEST: 'HELLO',
VUE_APP_TEST: 'with prefix'
}
})
]
}
}
И я попытался установить их непосредственно в файле vue.config.js, как описанов документации, которая работала для VAR, дополненной VUE_APP_, но не другой:
// vue.config.js
process.env.TEST = 'HELLO'
process.env.VUE_APP_TEST = 'HELLO'
На данный момент, мне больше всего интересно это с академической точки зрения, так что если кто-то заставил это работать, яочень хотелось бы знать как!Кроме того, если у кого-то есть аргумент относительно того, почему VueJS (и React из моего понимания) делает это, я хотел бы услышать это!