less文件中设置背景图片路径

2022-03-25

以React项目为例，在less文件中设置背景图片：

background: url('~@assets/images/bg.png') ;

～：模块解析
@：webpack中配置的别名

resolve: {
    extensions: ['.js', '.jsx', '.css', '.less', '.scss'],
    alias: {
        '@': resolve('src'),
        '@assets': resolve('src/assets'),
    }
},

另外，如果无法解析，请检查并确保webpack中配置了url-loader。

参考资料：https://segmentfault.com/q/1010000019896816

WEB开发

CSS