Webpack配置路径别名
标签:路径 src png rom 直接 符号 item pack 通过
使用Vue的CLI2构建项目后,在webpack.base.conf.js
中配置resolve
解决路径相关问题。
// 专门解决路径相关问题 resolve: { extensions: [‘.js‘, ‘.vue‘, ‘.json‘], alias: { ‘@‘: resolve(‘src‘), // 给src起了个别名 ‘assets‘: resolve(‘@/assets‘), ‘components‘: resolve(‘@/components‘), ‘views‘: resolve(‘@/views‘) } }
然后在标签元素的时候直接这样写,前面一定要加波浪符号~
,它是属于DOM里面的,如:
<img slot="item-icon" src="~assets/image/home.png" >
在js引用的时候(通过import
),不加~
号,如:
import TabBar from ‘components/tabbar/TabBar‘
标签:路径 src png rom 直接 符号 item pack 通过
原文地址:https://www.cnblogs.com/an-shiguang/p/14453884.html