vue打包的详细步骤记录

任务

要对积分项目的pc端进行打包。
平时我们可以在Jenkins上配置，然后启动，让其自动打包。但是这次Jenkins上打包出错了，所以想手动打包，测验一下是哪的问题。

详细步骤

（1）打开config下的index.js文件，修改assetsPublicPath的值，从‘/’改为‘./’。即从根路径改为相对路径。否则出现不了页面，出现的是一页空白。

（2）打开build下的utils.js文件，增加下面一句。否则会显示不出图片来。

（3）在终端运行npm run build。


（4）运行成功后，可以看到，在根目录下多了一个dist文件。

（5）右击——在资源管理器中显示，打开此文件夹，运行html文件，在浏览器中出现页面。

参考资料：https://blog.csdn.net/for_weber/article/details/80414754