webpack配置alias相对路径 @import引用报错

[版权声明] 本站内容采用 知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN) 进行许可。
部分内容和资源来自网络,纯学习研究使用。如有侵犯您的权益,请及时联系我,我将尽快处理。
如转载请注明来自: Broly的博客,本文链接: webpack配置alias相对路径 @import引用报错

项目中使用的是less,一个less文件需要引用另外一个less文件:

其中,@是在webpack中配置的alias相对路径,结果报错了:

解决方法是在引用路径的字符串前面加上 ~ 的符号,如上面就是这样写:

因为webpack会以~符号作为前缀的路径视为依赖模块去解析。

另外,CSS里面有路径引用的,都可以使用这种方法。比如background等:

 

参考资料:

webpack 配置alias 引用非js文件的静态资源报错

如果本文对您有所帮助,可以请作者喝杯咖啡,感谢支持^_^

支付宝支付
微信支付