美文网首页前端攻城狮web大前端让前端飞
vue组件中,编译后的文件斜杠变成了反斜杠。

vue组件中,编译后的文件斜杠变成了反斜杠。

作者: 最爱当年的我 | 来源:发表于2018-03-21 16:43 被阅读7次

    今天碰到一个变态的问题,google了良久 也未能解惑,实在头疼,

    搜了好几遍都只有这个问题 答案还不明确 vue组件中,打包后的文件分隔符变成了反斜杠

    vue组件中,编译后的文件分隔符变成了反斜杠,

    编译前

    #app{background:url(../assets/logo.png)0center no-repeat;}

    编译后

    #app{background:url(static\img\logo.b5bb290.png)0center no-repeat;}


    但是mac本上就没有这个问题 ,出现问题是win本。

    搜了许久之后貌似得到了一个答案是因为webpack中对图片的地址进行了编译,


    没改前

    说参数不能拼接所以我就改了这种


    修改后

    但是没有了path我觉得不是很优雅 所以我又找啊找,又找到了这个

    优化后

    尼玛,之前都没有注意 这俩居然是孪生兄弟啊

    join用了string转换 posix.join用了any转换

    就说坑不坑,这估计就是代码一样,跑出来效果不一样的坑,

    坑了我大半小时的问题 ,有必要记记,

    后面我会持续更新vue使用过程中的疑难杂症,欢迎批评指正,共同讨论。

    相关文章

      网友评论

        本文标题:vue组件中,编译后的文件斜杠变成了反斜杠。

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