
vite+react:如何用@符号定义行内样式中的backgroundimage url
在react中,使用行内样式时,如何将backgroundimage url定义为@符号?
为了在vite中使用@符号定义backgroundimage url,需要使用require函数或import语句。
使用require函数:
...
如果vite不支持require,则可以使用import语句导入图片:
import img from '@/assets/1.jpg';...
此外,在vite.config.js中配置别名:
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},这样,即可在行内样式中使用@符号来定义backgroundimage url,vite会自动解析路径。










