如何详细配置vue-cli3的多环境打包?
- 内容介绍
- 文章标签
- 相关推荐
本文共计470个文字,预计阅读时间需要2分钟。
最近下载了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。使用命令: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/
现在说重点,怎么配置多环境。

