本文介绍了在Vue2.x项目中如何快捷设置文件和图片路径，以防止打包时出现错误。通过在webpack配置文件webpack.base.conf.js中使用alias字段，为src下的每个文件夹设置相对于src的绝对路径。在项目中，可以采用这种方式来引用图片、CSS以及JS文件，确保build打包后路径正确。
vue2.x 快捷设置文件图片路径问题，防止打包出错
项目是新开的，所以文件、文件夹总是变动，所以不管文件路径还是图片路径，每次都要重新改，很麻烦，所以找了一个快捷方法。 查看vue官方文档：处理资源路径
我的项目结构如下：图片在assets文件夹下，js文件夹中的是各类js文件，views中是各种vue文件
在webpack的配置文件webpack.base.conf.js中有个alias字段：如下图：
可以看到箭头方向是有个src的，仿照这个，可以把src文件夹下的每个文件夹写一个相对于src的绝对路径，如上图椭圆圈出来的部分。
- 标签中的路径引用方式（主要是图片）
- 样式中的引用方式（主要是图片）
- js中的引用方式，（图片和各类文件.js/.css等）
最低0.47元/天 解锁文章
扫一扫
1369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
