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

Posted 2023-02-22

【中文标题】如何在 VueCLI 3 中全局获取 `webpack.config.js` 或 `vue.config.js` 文件数据

【英文标题】：How to get `webpack.config.js` or `vue.config.js` file data globally in VueCLI 3

【发布时间】：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

【参考方案1】：

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

【讨论】：

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

【参考方案2】：

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

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

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