vite搭配react,行内样式backgroundImage的url如何用@符号?

react中,行内样式backgroundImage里的url想用@符号,该怎么写?

<div style={{ backgroundImage: "url('@/assets/1.jpg')" }}>asdsa</div>

我在vite.config.js中配置了alias

  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src")
    }
  },

如果在css文件中,一切正常

.aa{background-image:url('@/assets/1.jpg');width:100px;height:100px;}

但是现在有个需求,需要在行内样式里写backgroundImage,但里面的url用@符号的话,并不会被解析,而是原封不动的变成字符串@所以该怎么写,才能让@符号被解析为路径呢?