原文：vue-cli3打包时vue-cli-service build怎么分不同环境
在vue cli 的项目中， npm runserve时会把process.env.NODE ENV设置为 development npm run build时会把process.env.NODE ENV设置为 production 此时只要根据process.env.NODE ENV设置不同请求url就可以很简单的区分出本地和线上环境。 头疼的是打包时线上环境可能分多种，比如测试环境和生产环境等 ...
2020-04-20 18:32 0 7732 推荐指数：
相关推荐
突然被问到，这两个命令的区别是什么？？？ 那么就是看下这两个命令的区别，百度一下 vue打包测试环境时，改为调用测试的接口路径。 build:prod对应.env.production build:stage对应.env.staging 接下来就是 看下 ...
背景 在项目部署时，我们需要在测试环境和生产环境使用不同的变量。 vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建，想要实现不同环境使用 ...
错误内容： vue-cli-service serve /bin/sh: vue-cli-service: command not found error Command failed with exit code 127. 解决办法： sudo rm -rf node_modules ...
之前项目打包一直用默认的npm run build，这样打包实际上默认的是生产环境，也就是production 但是最近需要一个测试环境，于是打包也需要更换一下，换成了stage。可是打包成功之后发现没有css文件夹，经过多方查找锁定了这个css.extract。 不知道有没有css文件夹 ...
vue-cli项目中，会安装给一个名为vue-cli-service的命令。 vue-cli-servie serve vue-cli-service serve 会启动一个开发服务器（基于webpack-dev-server）并且附带了开箱即用的模块热重载 ...
在项目打包上有两个目标：减少打包代码体积和加快打包速度 1. 减少打包体积： （1）对于用的比较少的库，可以去掉（我去掉了jquery以及lodash），用到的地方，参考源码自己写 （2）非用不可的又比较大的库（我这里用了monaco-edit），使用cdn方式引入 （3）按需 ...
由于公司项目需要多环境，就研究了一下vue-cli3的多环境配置，这里和大家分享一下vue-cli3多环境配置方法 首先我们先看看 vue-cli环境变量和模式，通过官网我们可以发现 vue-cli 提供了三个模式（test、development、production）而每种NODE_ENV ...