iview-cli 开发和打包后的配置相关问题

24人阅读 评论(0) 收藏 举报

1.运行npm run build 打包后在本地打开index_prod.html 文件显示一片空白。

原因:路径错误。打开webpack.prod.config.js 把output配置里的publicPath 该为正确路径 比如原来是/dist/ 改为./dist/

2.打包后字体图片引入失败问题 打开打包后的main.css 文件,

可能是压缩过的,

格式化一下 搜索@font-face 把里面的字体图标引入路径改为正确路径,

比如我打包后 @font-face里的url是(./dist/...) 明显是错的 

改为./.....这样的争取路径即可

3.iview-cli 如何在手机上预览?

注意手机和电脑必须在同一个网络环境下。

 

在node_modules 中找到webpack-dev-server 把bin文件里的webpack-dev-server 中的host对象下的default:localhost改成

default:0.0.0.0

直接npm run dev  当然肯定还是不能打开的

运行命令行ipconfig 查询本机ip地址 比如我的ipv4地址是192.168.3.110 把url中的地址改成192.168.3.110:8080就能看到效果

把这个url复制到草料二维码 打开手机扫码就能看到了 

查看评论

<<AI入门(10)>>(C)

我们来讲讲高级求解技术:1.规则演绎系统:我们用if-then规则来求解问题: IF if1 if2 if3 ... THEN then1 then2 ...
  • ghj1976
  • ghj1976
  • 2000-12-29 08:45:00
  • 1168

使用vue-cli打包过程中的步骤以及问题

1、打包命令是npm run build,这个命令实际上是在
  • mate_ge
  • mate_ge
  • 2017-12-21 11:48:38
  • 2841

iview-cli搭建,一个简单的todoList

一、打包注意点(1)在man.js中注释掉mode:history,这个只有在开启服务器下才有效;(2)在webpack.prod.config.js中把输出改为output:'./dist'二、截图...
  • chenxiaolani
  • chenxiaolani
  • 2018-02-10 15:02:43
  • 32

vue-cli 打包时抽离项目相关配置文件

前言:当使用vue-cli进行开发时时常需要动态配置一些设置,比如接口的请求地址(axios.defaults.baseURL),这些设置可能需要在项目编译后再进行设置的,所以在vue-cli里我们需...
  • hayre
  • hayre
  • 2018-01-04 14:39:29
  • 431

vue-cli webpack模板项目搭建以及打包时路径问题的解答

这里建议刚学vue的同学第一个小案例不要使用vue-cli进行操作,待对基本的api使用的比较顺手了之后再进行vue-cli的体验比较好。本人是一名后端开发人员,接触前端时间不长,这里有说的不好的地方...
  • little_newBee
  • little_newBee
  • 2017-09-01 13:35:59
  • 3984

使用webpack打包react项目中遇到的问题(一)

webpack打包react项目基本步揍以及实践过程中遇到的问题
  • mowang8
  • mowang8
  • 2017-10-16 15:25:43
  • 179

IOS开发证书配置问题总结

原文地址:http://blog.csdn.net/phunxm/article/details/42685597 引言         关于开发证书配置(Certificat...
  • puppet_master
  • puppet_master
  • 2015-10-20 11:59:10
  • 1448

使用Maven自动打包配置文件生成开发环境,测试环境,生产环境

写在前面项目中往往有开发环境、测试环境、生产环境,这几个环境有些配置文件可能是不一样的,三个环境切换时以前基本是靠手动注释文件来打成不同的包。如果不同的配置文件过多,粗心打包后,就会导致配置文件出错,...
  • whzhaochao
  • whzhaochao
  • 2017-07-24 11:15:05
  • 1423

关于Servlet的几个细节问题

关于response和request service方法中的两个重要参数。 ServletRequest – 用接收用户的请求。它的作用是: •可获取请求头信息。 •可设置请请求的字符编码。 •可...
  • crush1988
  • crush1988
  • 2016-07-25 17:07:00
  • 564

在vue中用webpack打包之后运行文件问题以及相关配置

1.vue中的vue-cli打包 最近在用vue写一个小项目,其中就用到了vue脚手架工具vue-cli,在测试打包后能否运行过程中遇到不少问题,而且在网上这些问题答案都不太好找,废话不多说,进入正...
  • jian_xi
  • jian_xi
  • 2017-03-15 14:17:31
  • 14962
    个人资料
    等级:
    访问量: 799
    积分: 111
    排名: 123万+
    文章分类