iview-admin打包vue-cli3.0版


  由于第一次接触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插件如下图
  

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM