【问题标题】:Vue Cli 3.0 where is the config file?Vue Cli 3.0 配置文件在哪里?
【发布时间】:2018-08-31 14:26:03
【问题描述】:

我在文档等 vue.config.js 文件中看到过它。 并且之前还注意到这些是在 webpack 配置文件等中处理的 2.0. 但是我在使用 vue cli 3.0 创建的项目文件夹中找不到任何一个文件...配置文件在哪里,为什么它不在顶级文件夹等的任何地方?

【问题讨论】:

  • 你用什么命令来创建 vue cli 项目?要使用 webpack,您需要使用类似 vue init webpack your-project
  • @skribe 我已经使用 vue create my-project 作为选择 webpack 的旧方式或其他方式在 3.0 中不再使用

标签: vue.js vue-cli


【解决方案1】:

配置文件在哪里,为什么不在顶级文件夹等的任何地方?

初始项目不需要文件存在,因为您刚刚使用不需要任何配置的全新“默认”设置创建了一个项目。

只需自己创建即可。甚至在README 中提到:

Vue CLI 项目的许多方面都可以通过在项目的根目录中放置 vue.config.js 文件来进行配置。根据您在创建项目时选择的功能,文件可能已经存在。

强调我的

编辑:现在可以在这里找到:https://cli.vuejs.org/config/#global-cli-config

【讨论】:

  • 啊,明白了!很抱歉,我一直在阅读所有这些配置和选项,但我错过了“放置”你自己的配置文件这个词...... =(
  • 它可能记录在自述文件中,但我们很可能通过谷歌在这里找到答案,尽管在 github 的 vuejs/vue-cli 存储库中有 190 多个不相关的搜索命中。尽管如此,感谢您指出细节。
  • 作为记录,截至今天,它不再记录在自述文件中。
  • 正确,现在可以在我们离开测试版时在线发布的新文档中找到:cli.vuejs.org/config/#global-cli-config
【解决方案2】:

不再需要“config”目录。 如果你想定义“环境变量”,你可以在“.env”文件中这样做

就像:

VUE_APP_TITLE=Test

您还可以为每个环境创建“.env”文件

喜欢:

.env.development 开发模式

.env.production 用于生产模式。

更多信息请阅读: https://cli.vuejs.org/guide/mode-and-env.html#example-staging-mode

【讨论】:

  • 当前的 Vue CLI 文档明确告诉您更改 vue.config.js 配置...
  • 关于 .env 文件的一个非常烦人的事情是它们不能正确支持 JSON 配置,但您必须使用 JSON.parse()。
【解决方案3】:

vue.config.js 现在是一个可选配置文件。

参考:https://cli.vuejs.org/config/#vue-config-js

【讨论】:

    【解决方案4】:

    该文件默认情况下存在,正如 Linus 提到的那样。您需要在项目的根目录中手动创建vue.config.js 文件,即在package.json 所在的同一级别。

    【讨论】:

    • 当您说“与 package.json 相同的级别”时,它会变得更加清晰,这是一个很好的简单答案,应该获得最高评价。
    【解决方案5】:

    看看这个:

    1. 创建

    vue.config.js

    在你的 vue 项目中与

    package.json

    1. 指定主机和端口:module.exports = { devServer: { host: "localhost", port: "8080" } }

    2. 运行:

    npm 运行服务

    在你的 vue 文件夹中。

    查看此屏幕截图: Hope it helps!

    PS:如果您想禁用在本地主机上运行应用程序,请查看此帖子:How do I disable running an app on the local network when using vue-cli?

    【讨论】:

      猜你喜欢
      • 2017-11-13
      • 1970-01-01
      • 2018-09-10
      • 2019-07-01
      • 2017-10-19
      • 2015-05-25
      • 1970-01-01
      • 1970-01-01
      • 2017-12-12
      相关资源
      最近更新 更多