iview-admin打包vue-cli3.0版

转载地址:https://www.cnblogs.com/angrypandaqpt/p/9522032.html

由于第一次接触vue-router vue-cli iview-admin，所以很多地方还是比较蒙的，项目开发差不多了想自己在本地看看，然后试着运行npm run build，结果发现打包完成的index.html打开是空白的。

　　后来追着大神问找到了解决办法。

　　iview-admin是用的cli3.0，所以之前的的build文件夹以及里面经常配置的文件是没有的，这些配置可以在项目根目录的vue.config.js中配置。

　　首先，baseUrl是要修改的，clone下来的iview-admin中的vue.config.js中有写到

　　// 项目部署基础

　　const BASE_URL = '/iview-admin/'//将baseUrl的值设为 ‘./’即可，修改如下：baseUrl: './ '

　　接下来还需要配置router文件夹下的index.js中router的mode为hash

　　

　　　const router = new Router({

　　　　routes,

　　　　mode: 'hash'                     // 项目中本来mode: 'history'

　　　})

　　此时可以进行打包了，打包完毕后可以在本地打开你的index.html文件预览，但是发现，图片字体等资源都是未找到，通过f12查看css里的图片路径发现，引入的路径是css/img/xxx.png，但是打包完毕的img文件夹和css文件夹是在一个目录里，自行移动一下就解决了。

　　至此打包完毕，谢谢那个不厌其烦指导我的大神，哈哈。

　　还有一个就是引入jQuery插件如下图

　　

　　这样就引入完成了，去试试吧