如何在 VueCLI 3 中全局获取 `webpack.config.js` 或 `vue.config.js` 文件数据答案

【问题标题】：How to get `webpack.config.js` or `vue.config.js` file data globally in VueCLI 3如何在 VueCLI 3 中全局获取 `webpack.config.js` 或 `vue.config.js` 文件数据
【发布时间】：2020-06-29 06:37:18
【问题描述】：

我正在开发一个由 VueCLI 3.0 开发的项目。我在根目录中创建了一个配置文件并命名为vue.config.js。我已经定义了我的自定义配置。但是每次我必须在每个component 文件中加载这个文件来使用它。是否有任何方法或选项可以在每个 js 文件和 component 中全局获取。

我是 VueCli 的新手。

这是我的vue.config.js 文件：-

// vue.config.js
module.exports = {
      api : {
          server: 'http//:192.168.0.1'
      }
  }

在我的App.vue - 我想通过这种方式访问。

<script>
export default{
  mounted(){
    console.log(api.server)
  }
}
</script>

请帮助我并提出建议

【问题讨论】：

请参考this
@PRAJINPRAKASH 这不起作用。
实际上这个vue.config.js 被vu-cli-service 使用它在vue 中没有任何引用，如果你想让它更简单做this

标签： javascript vue.js vue-cli-3

【解决方案1】：

不建议直接使用vue.config.js中的数据。如果您有一些基于环境的变量，请使用Modes and Environment Variables。

【讨论】：

除了ENV 其他变量我怎样才能得到它们。

【解决方案2】：

不推荐的方法，即使你需要这样做，试试这个。

import vueconfig from "./../vue.config.js";
new Vue({
    data:{
        config
    }
})

你记得我们不能在vue.config.js 中定义自定义数据见this，如果你想自定义配置重命名文件。

【讨论】：