vue-cli3打包项目不同环境:开发环境、生产环境、测试环境

简介: vue-cli3打包项目不同环境:开发环境、生产环境、测试环境

开发环境:

vue-cli-service serve  //默认:process.env.NODE_ENV=development

.evn.development

ENV = 'development'

VUE_APP_BASE_URL = 'https://development.demo.com';

生产环境:

vue-cli-service build  // 默认:process.env.NODE_ENV=production

.env.production

ENV = 'production'
VUE_APP_BASE_URL = 'https://production.demo.com';

测试环境:

vue-cli-service build --mode alpha
• 1

.env.alpha

ENV = 'development'
VUE_APP_BASE_URL = 'http://development.demo.com';

mode后面添加test、production 等预留参数无效

使用参数

const BASE_URL = process.env.VUE_APP_BASE_URL
            </div>
目录
相关文章
UMI多环境配置
一般来说项目不止有dev和prod两个环境,umi可以通过环境变量 UMI_ENV 区分不同环境来指定配置。
1386 0
|
6月前
|
JavaScript
Mac 使用CLI脚手架创建 Vue项目、不同版本创建项目的项目结构差异
Mac 使用CLI脚手架创建 Vue项目、不同版本创建项目的项目结构差异
|
6月前
|
缓存 监控 JavaScript
环境搭建:Vue项目的开发环境和生产环境配置
【4月更文挑战第23天】本文指导Vue开发者配置开发和生产环境,强调了两者目的和特点。开发环境用于编写、测试和调试,侧重快速反馈和调试工具;生产环境注重稳定性、效率和安全性,需进行代码优化、错误处理和日志监控。配置步骤包括安装Node.js和npm,使用Vue CLI,配置Webpack、热重载和源码映射。生产环境要实现代码分割、压缩、最小化,启用CSP、HTTPS,优化静态资源和缓存策略。环境配置应随项目发展和技术进步持续优化。
748 0
|
域名解析 开发框架 JavaScript
Vue项目从搭建环境到打包上线
Vue项目从搭建环境到打包上线
101 0
|
JavaScript 前端开发
搭建vue开发环境步骤
相信很多人在刚开始学习vue这个框架的时候,在最开始搭建开发环境的时候,都会遇到一些大大小小的坑,我之前在学习的时候搭建过一次,过了一个月后在搭建第二次的时候,竟然有一些混乱,所以今天想整理出来
219 0
|
JavaScript Linux 应用服务中间件
部署vue项目到Linux服务器
部署vue项目到Linux服务器
642 1
|
JavaScript 前端开发
Vue项目本地开发完成部署到服务器后报404,这到底是什么原因呢?
Vue项目本地开发完成部署到服务器后报404,这到底是什么原因呢?
1138 0
|
JavaScript 前端开发 开发工具
从0搭建Vue3组件库:使用gulp自动化处理打包与发布
从0搭建Vue3组件库:使用gulp自动化处理打包与发布
570 0
|
JavaScript 前端开发 Go
esbuild 配置开发环境
esbuild 相信在使用过vite的同学都知道,vite是开发环境使用的是esbuild来进行编译代码的,生成环境打包使用的是rollup,想看rollup的同学,可以查看我的往期文章。(实战 rollup 第一节入门) (rollup 实战第二节 搭建开发环境)(rollup 实战第二节 搭建开发环境)
esbuild 配置开发环境
|
测试技术
vue-cli3打包项目不同环境:开发环境、生产环境、测试环境
vue-cli3打包项目不同环境:开发环境、生产环境、测试环境
241 0
下一篇
无影云桌面