vue-cli 3 使用mode特定模式打包时,打包出的目录结构与默认打包不一致问题记录

背景

最近在协助开发项目时，发现这项目没有区分环境，我在使用mode区分环境，打包后发现，打包结果和vue-cli-service build 默认打包时的目录结构完全不一致。

• vue-cli-service build 默认打包出的目录结构是这样的

• vue-cli-service build --mode test 运用了自定义 mode 的结构是这样的 (还有好多js文件就不截图了)

再看看之前我设置对应的的.env文件

想要的结果

打包后的文件结构与默认的一致

解决方法

我在 vuecli 官网发现这么一句话

所以我在.env文件里加入了 NODE_ENV = 'production'

结果打包出的文件与默认打包一致，问题解决。