1、默认情况下,Vue项目的开发模式与发布模式,共用同一个打包的入口文件(即src/main.js)。为了将项目的开发过程与发布过程分离,我们可以为两种模式,各自指定打包的入口文件,即:

①开发模式的入口文件为src/main-dev.js

②发布模式的入口文件为src/main-prod.js

2、将src目录下的main.js文件改为main-dev.js与src/main-prod.js

两个文件内容目前与main.js一样

202109121631436747114923

3、创建并打开vue.config.js,进行模式判断并使用对于的文件

202109121631437292108639