解决外部引入less,webpack别名报错


CSS loader 会把把非根路径的url解释为相对路径, 加~前缀才会解释成模块路径

resolve: { alias: { '@static': path.resolve(__dirname, 'src/static'), '@api': path.resolve(__dirname, 'src/api'), '@components': path.resolve(__dirname, 'src/components') } }

 

@import '@static/less/login.less';

更改为:

@import '~@static/less/login.less';

 




免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM