Lightningcss и @custom media ⇐ CSS

[Anonymous]

Я устанавливаю Lightningcss и настраиваю конфигурацию Vite. Поэтому я определяю Lightningcss и customMedia: true.

импортировать список браузеров из «списка браузеров»; импортировать { BrowserslistToTargets } из «lightningcss»; вернуть defineConfig({ строить: { outDir: "построить", cssMinify: "молнияcss", }, CSS: { трансформер: "lightningcss", молниякссс: { Черновики: { customMedia: правда, }, цели: BrowserslistToTargets(browsersList), }, }, плагины: [reactPlugin(), svgr(), vitePWA], решать: { псевдоним: [ { найти: "~", замена: fileURLToPath(новый URL("src", import.meta.url)), }, ], }, сервер: { порт: номер (VITE_APP_DEVELOPMENT_PORT), прокси: { [VITE_APP_API_ORIGIN_URL как строка]: { ChangeOrigin: правда, цель: VITE_APP_PROXY_SERVER_URL, }, }, }, }); }; Также я создаю media.css с помощью @custom-media --medium-screen (ширина