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

今天碰到一个变态的问题,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使用过程中的疑难杂症,欢迎批评指正,共同讨论。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容