vue正式与测试打包

下面在 packgejson 文件中，创建一条命令

在 build文件夹中，复制buildjs文件，并且重新命名为 build_devjs

下面的变量用于判断打包那个配置环境

此处才是真正的换打包的地方。在build文件夹中找到 webpackprodconf 文件，修改下面的打包配置

此处略过一些配置测试与正式环境详情了。在 config 文件中的 devenvjs与prodenvjs 文件，进行配置变量。在axios 封装的文件中，使用 processenvxx进行获取数据

进行 npm run build_dev(测试环境) ，npm run build(正式环境)。下面就是请求了。

最近公司对接zoom websdk，因为一些特殊原因，需要将zoom相关的页面独立成单独的html页面，这里因为浏览器版本升级引起的问题。所以这里针对vue项目多页面打包整理下，方便自己方便有需要的童鞋。

这里分别讲一下vue2+webpack3 和 vue-cli3不同的配置。

这种老项目我们都是自己配置webpack，目录基本如上

先讲改动

这里需要配置一下entry,我是独立了一个文件夹出来放需要单独出来的目录，mainjs里面就可以单独给你的页面做一些定制化配置，比如router、路由拦截器、axios等，相当于另外一个项目，这个就自由发挥了

类似这样，我这次单独配置了router和路由拦截，记得修改mainjs的引入路径

这两个文件只需要增加html插件处理即可，我这里两个配置不太一样

对应的config中配置了两个地址

按以上配置完即可，可以测试，这里有几个地方是可以优化的

这样以后只用维护entry引入的目录即可，不需要每次添加页面都再更改，以后有时间将这一块优化一下。

现在使用vue2的话基本都是vue-cli3系列，webpack配置集成化，更加简单，只用修改几个地方即可

只需要配置这一块即可，其他可能会有零星的小问题，根据报错修改就好，调试过程中还碰到一些问题，但都是因为项目配置引起的，之前框架是其他人直接拉的开源项目改的，所以有一些稀里古怪的配置影响。

接上一篇文章，

现在我们要做的是：

在安装本款软件的时候，要有64位、32位的选择，会有问询安装路径。

问询是否需要生成快捷方式，问询安装完成立即打开。

并且我们想修改一下快捷方式的图标，应用程序的名称。

还是相同的博主，这是他的原文

>

在 src 下新建 Skeleton 文件夹，其中新建 indexjs 以及 indexvue ，在其中写入以下内容，其中，骨架屏的 indexvue 页面样式请自行编辑

在 vueconfigjs 中写入以下内容

所以，最终的配置文件如下

在 src 下新建 Skeleton 文件夹，其中新建 indexjs 以及 indexvue ，在其中写入以下内容，其中，骨架屏的 indexvue 页面样式请自行编辑

在 vueconfigjs 中写入以下内容

所以，最终的配置文件如下

以上就是关于vue正式与测试打包全部的内容，包括:vue正式与测试打包、vue+webpack项目多页面打包、在vue-cli-plugin-electron-builder下用electron:build打包或生成应用程序等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！