[版权声明] 本站内容采用 知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN) 进行许可。
部分内容和资源来自网络，纯学习研究使用。如有侵犯您的权益，请及时联系我，我将尽快处理。
如转载请注明来自： Broly的博客，本文链接： webpack配置alias相对路径 @import引用报错
项目中使用的是less，一个less文件需要引用另外一个less文件：
|
1 |
@import "@/assets/base.less"; |
其中，@是在webpack中配置的alias相对路径，结果报错了：
|
1 2 3 |
@import "@/assets/base.less"; ^ Can't resolve './@/assets/base.less' in xxxxxx |
解决方法是在引用路径的字符串前面加上 ~ 的符号，如上面就是这样写：
|
1 |
@import "~@/assets/base.less"; |
因为webpack会以~符号作为前缀的路径视为依赖模块去解析。
另外，CSS里面有路径引用的，都可以使用这种方法。比如background等：
|
1 |
background-image: url("~@/assets/logo.jpg"); |
参考资料：
《webpack 配置alias 引用非js文件的静态资源报错》
如果本文对您有所帮助，可以请作者喝杯咖啡，感谢支持^_^
支付宝支付
微信支付