[版权声明] 本站内容采用 知识共享署名-非商业性使用-相同方式共享 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"); |
参考资料: