css里~和@是什么意思？-灵析社区

光光哥乌昂

举例来说，react或vue项目里。CSS用到url的时候，~和@是什么用法。在哪里配置的，MDN里好像也没写这个。求一个完整的步骤 background: center/cover url('~@/assets/login.png');

阅读量：154

点赞量：0

问AI
"~" 是 "css-loader" 提供的 "https://webpack.docschina.org/loaders/css-loader/" (https://link.segmentfault.com/?enc=PZrLJrAbfs6eyBVir0e0mg%3D%3D.AFWYcv259zEXEjPWjMXcZ5Nfec1grxA4Py%2Bji3diN1upAB46zhzKQ%2BptyKMRF7Kbz%2FTVoFYuvb6EAUUG4DlWgw%3D%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/650dce44959bee15c63f32653606c159.png) "@" 一般是在 "resolve.alias" 中配的文件目录别名 "https://webpack.docschina.org/configuration/resolve/#resolvea..." (https://link.segmentfault.com/?enc=aqmk9jf4pT9akzWluMhBBA%3D%3D.9XR7HpdtkyQZYxxpkBXsJQXvruqEav7JZD1vmuLZWLYpVJCNdSrsiZJ9bkdafrM5SF8cNLgLtTlzplQliPh9uOpPVRJaf4MTUTkoB07JusY%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241011/1a5b2f9d42358827d6be55d59390e883.png)