如何详细配置vue-cli3的多环境打包?

更新于
2026-10-01 15:51:57
1阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计470个文字,预计阅读时间需要2分钟。

如何详细配置vue-cli3的多环境打包?

最近下载了vue-cli3,研究了vue-cli3下多环境的配置。首先,安装vue-cli3。使用命令:npm install -g @vue/cli。安装成功后,创建的项目结构如下,相比vue-cli2,项目缺少了build和config目录,另外s“:

+-- 项目文件夹| +-- src| | +-- main.js| +-- package.json| +-- .env.development| +-- .env.production| +-- .env.test+-- node_modules+-- package-lock.json

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。

首先,安装vue-cli3。

npm install -g @vue/cli

安装好之后的项目是这样的,见下图:

相比较vue-cli2的项目,缺少了build和config目录,另外static目录也没了,多了个public目录。

配置文件需要自己写一个vue.config.js,可以参考官方文档文档写,网址

cli.vuejs.org/zh/config/

现在说重点,怎么配置多环境。

阅读全文

本文共计470个文字,预计阅读时间需要2分钟。

如何详细配置vue-cli3的多环境打包?

最近下载了vue-cli3,研究了vue-cli3下多环境的配置。首先,安装vue-cli3。使用命令:npm install -g @vue/cli。安装成功后,创建的项目结构如下,相比vue-cli2,项目缺少了build和config目录,另外s“:

+-- 项目文件夹| +-- src| | +-- main.js| +-- package.json| +-- .env.development| +-- .env.production| +-- .env.test+-- node_modules+-- package-lock.json

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。

首先,安装vue-cli3。

npm install -g @vue/cli

安装好之后的项目是这样的,见下图:

相比较vue-cli2的项目,缺少了build和config目录,另外static目录也没了,多了个public目录。

配置文件需要自己写一个vue.config.js,可以参考官方文档文档写,网址

cli.vuejs.org/zh/config/

现在说重点,怎么配置多环境。

阅读全文