uniapp+vue3+vite配置scss地址变量

// .env
VITE_IMG = 'https://url/static/img/'

1 2	// .env VITE_IMG = 'https://url/static/img/'

// vite.config.ts
import { defineConfig, loadEnv } from 'vite'

export default ({ mode }) =>
  defineConfig({
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `$imgUrl: '${loadEnv(mode, process.cwd()).VITE_IMG}';`
        }
      }
    }
  })

// vite.config.ts

import { defineConfig, loadEnv } from 'vite'

export default ({ mode }) =>

defineConfig({

css: {

preprocessorOptions: {

scss: {

additionalData: `$imgUrl: '${loadEnv(mode, process.cwd()).VITE_IMG}';`

}

})

// scss
background: url(#{$imgUrl}bg.png);

1 2	// scss background: url(#{$imgUrl}bg.png);