less background url相对路径取不到编译报错问题

2019独角兽企业重金招聘Python工程师标准>>>

用react create app创建一个项目

执行npm run test

添加less支持，并添加modules:true

结果发现background-image: url('./static/dark_blue.jpg');编译报错，可以确定相对路径没问题

通过google查到https://github.com/webpack-contrib/css-loader/issues/74

修改为background-image: url('\./static/dark_blue.jpg');问题解决

如果路径为上级目录，则为background-image: url('\../\../static/dark_blue.jpg');

或者添加resolve-url-loader插件

转载于:https://my.oschina.net/kaikai1/blog/1818765