1、具体打包过程见如下文章：
//www.greatytc.com/p/bb3102841284
2、vue+webpack项目打包后背景图片加载不出来
1.修改资源路径
在VUE +的WebPack项目中，项目打包后的CSS和JS的引用路径是绝对路径，项目部署后会将静态当成根目录，就造成了文件引用路径的错误，解决方法是通过修改配置文件，将绝对路径改为相对路径。
具体操作如下：
1.打开build文件夹下webpack.prod.conf.js；
2.在output模块中添加 publicPath: './' ，如下图所示：
如图
2.修改打包后背景图片的引用路径
资源内的图片是通过css加载的，CSS代码如：background：url（../ assets / img-bg / buttonbg.png）no-repeat;
但是打包过后的CSS变成了背景：url（../../ static / img / buttonbg.68979b3.png）no-repeat;我们需要修改配置文件，是的CSS代码打包后，资源引用路径还是相对路径;
解决办法：
1.打开build文件夹下的utils.js ;
2.在下图位置添加 publicPath：' ../../'
如图
3、webpack 打包后 多行超出隐藏不起效果
-webkit-box-orient: vertical 这个属性在本地运行调试是存在的，但是打包后这个属性消失了；
解决办法：
1.将-webkit-box-orient: vertical改成下面效果；
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
