Vue CLI 3如何配置多环境打包以适应不同开发、测试和生产环境?

2026-04-09 02:360阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

Vue CLI 3如何配置多环境打包以适应不同开发、测试和生产环境?

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。首先,安装vue-cli3:

bashnpm install -g @vue/cli

安装完成后,项目结构如下,相比vue-cli2,项目缺少了build和config目录:

![项目结构](https://example.com/project-structure.png)

相比vue-cli2的项目,vue-cli3的项目缺少了build和config目录。

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

首先,安装vue-cli3。

npm install -g @vue/cli

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

Vue CLI 3如何配置多环境打包以适应不同开发、测试和生产环境?

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

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

cli.vuejs.org/zh/config/

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

阅读全文

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

Vue CLI 3如何配置多环境打包以适应不同开发、测试和生产环境?

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。首先,安装vue-cli3:

bashnpm install -g @vue/cli

安装完成后,项目结构如下,相比vue-cli2,项目缺少了build和config目录:

![项目结构](https://example.com/project-structure.png)

相比vue-cli2的项目,vue-cli3的项目缺少了build和config目录。

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

首先,安装vue-cli3。

npm install -g @vue/cli

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

Vue CLI 3如何配置多环境打包以适应不同开发、测试和生产环境?

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

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

cli.vuejs.org/zh/config/

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

阅读全文