我正在将 React 与 ViteJS 和 SASS 一起使用，但我遇到了问题。当我构建项目时，似乎没有 CSS/SCSS 的自动前缀器。
如何使用 ViteJS 和 SASS 添加自动前缀？
在我的网站中，我有一个按钮可以在特定的 div 中启动反应应用程序。当我点击它时，我创建一个反应根 div 并在里面渲染反应应用程序。关闭它的正确方法是什么？
<!--HTML from the website -->
<body>
<button id="btn">Launch React App</button>
<script type="module" src="/src/main.tsx"></script>
</body>
//main.js from the react App
import React from "react";
import ReactDOM from "react-dom/client";
import "./global.scss";
import App from "./App";
const btn = document.getElementById("btn");
btn.onclick = () => {
const root_div = document.createElement("div");
root_div.id = "root";
document.body.appendChild(root_div);
const root = ReactDOM.createRoot(root_div);
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
};