1.首先找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下
只需要换build中的就可以 dev中的assetsPublicPath不用动 不然打包过后 npm run dev的时候直接出现can not Get
2.因为打包后生成的是dist文件夹 文件夹中是static文件夹和index.html static文件夹中包含css fonts img js等文件夹 我们写好的css内容在css文件夹中的app.css中 要访问的图片内容在img下 所以要../../才可以访问到
3.动态绑定src 应使用require方式引入
4.使用iview，npm run build打包后，总会出现找不到woff字体等情况。在build文件夹下的webpack.prod.conf.js文件中 将extract改为false 就可以了
5.使用iview时,有些样式我们要自己修改成我们想要的 直接复制出来 新建个style标签在里面修改 在dev下访问正常 npm run build下就出现问题 这个多数是嵌套问题
我当时遇到的是左侧菜单在开发时，一点问题都没有。打包后左侧菜单上面出来好大的空隙。本身调整好的悬停颜色还有字体背景等颜色都没了 解决方法: 当时项目用的是less 所以我在iview中找到我要重写的这些css他们的层级嵌套关系,逐级嵌套 就解决了这个问题 如下图 ivu-layout-sider是ivu-menu-submenu-title的父级 我当时忽略他们的层级关系 没有嵌套 直接平级的写在less中了 开发时虽然没出现问题 但是打包后问题百出 所以建议大家在开发时 要修改组件样式的时候 也要对应好层级关系
1.首先找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下只需要换build中的就可以 dev中的assetsPublicPath不用动 不然打包过后 npm run dev的时候直接出现can not Get2.因为打包后生成的是dist文件夹 文件夹中是static文件夹和index.html static文件夹中包含...
今天下午尝试将写好的静态
vue
项目
build
一下，原先image是放在src/assets路径下，最后生成的文件打开
时
是报错状态，最明显是
图片
not found 。后来终于
解决
了这个
问题
。
首先我把image文件放在pubilc里，相应地改变用到的
图片
的路径，然后新建一个
vue
.config.js文件，放在根目录下。注意！不是src目录下。
vue
.config.js文件里写：
接着np...
如果你发现你的static文件夹
出
现了多余的img、fonts文件夹等。则可以考虑如下的
解决
方式。
一般
出
现这种
情况
是因为
图片
过大或者资源文件过大、超过了
打包
规定的限制
此
时
，我们按照下图
找
到对应的文件
默认限制是10kb。我们可以修改为...
解决This is probably not a problem with npm. There is likely additional logging output above.的问题
55350
