美文网首页VueJS
vue打包好遇到的问题记录

vue打包好遇到的问题记录

作者: Clover园 | 来源:发表于2019-01-24 16:07 被阅读28次

    我是用HBuilder打包好,转成app的,

    遇到如下问题

    1:打开手机基座,空白页

    解决方法:assetsPublicPath: ‘./’,改这个就可以了,在config/index.js中,build:{assetsPublicPath:.'/'},是改build中的,不要改dev中,index.js中有两个assetsPublicPath

    如图改build中的

    2:背景图片加载出错,不显示,其实是路径错误

    因为打包后生成的是dist文件夹 文件夹中是static文件夹和index.html static文件夹中包含css fonts img js等文件夹 我们写好的css内容在css文件夹中的app.css中 要访问的图片内容在img下 所以要../../才可以访问到 

    在build/utils.js中添加 publicPath:'../../'

    3.动态绑定src 应使用require方式引入

    动态引入img 运用方法引入img

    4.使用iview,npm run build打包后,总会出现找不到woff字体等情况。在build文件夹下的webpack.prod.conf.js文件中 将extract改为false 就可以了

    这个是摘录别人的,目前我还没用过

    5.使用iview时,有些样式我们要自己修改成我们想要的 直接复制出来 新建个style标签在里面修改 在dev下访问正常 npm run build下就出现问题 这个多数是嵌套问题

    相关文章

      网友评论

        本文标题:vue打包好遇到的问题记录

        本文链接:https://www.haomeiwen.com/subject/xdtujqtx.html