VueJS/Vue CLI - 如何为构建添加单独的配置答案

【问题标题】：VueJS/Vue CLI - How to add a separate config for buildVueJS/Vue CLI - 如何为构建添加单独的配置
【发布时间】：2020-08-12 07:27:57
【问题描述】：

本质上，我希望我的构建输出是一个可以从文件系统打开的文件（没有网络服务器），所以我在vue.config.js 文件中设置了publicPath: ''。但是当我在开发模式下运行时，我不想要这个。我该怎么做？

编辑：我想要的是 publicPath = '' 仅当我运行 vue build 时它应该在我运行 vue serve 时保持默认值。

【问题讨论】：

【解决方案1】：

添加这个：

  publicPath: process.env.NODE_ENV === 'production'
    ? '/prodPath'
    : '/devPath'

并在您的目录上创建一个 .env 文件，并将声明的 var 设置为当前环境状态： NODE_ENV='development'

【讨论】：

这样，当我运行vue build 和publicPath = '/devPath' 时，我运行vue serve 时会publicPath = '/prodPath' 吗？对不起，如果问题不清楚，这就是我想问的
您可以将vue serve 和vue build 用于开发和生产目的。它将在您在每个环境的公共路径上声明的路径上构建或提供应用程序。所以，回答你的问题：不。上面的 vue build and serve 将根据你设置的环境使用公共路径，它不依赖于你使用的命令。
在运行vue serve 和vue build 时有没有办法区分配置？
@Guest1997 不要运行vue serve。我确定尤里的意思是npm run serve（又名vue-cli-service serve）
我知道npm run serve 命令，但在这种情况下，我正在构建一个组件，这就是我使用vue serve 命令@Phil 的原因