如何在Vite上运行SASS？

Question

我创建了一个具有Vite的react项目，并且希望使用SASS，我已经安装了它，但是我通常打开一个git和run sass -w sass:css。

有更好的方法吗？我无法理解文档中的解决方案，也无法在线回答。

• 这是我的package.json

{
  "name": "my_first_vite",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  },
  "devDependencies": {
    "@vitejs/plugin-react": "^1.0.7",
    "sass": "^1.49.0",
    "vite": "^2.7.2"
  }
}

Answer 1

在Vite文档中

Vite确实为.scss、.sass、.less、.styl和.stylus文件提供了内置支持。不需要为它们安装特定于Vite的插件，但是必须安装相应的预处理器本身。

对我来说，sass应该为你打开盒子，因为你已经包括了它。不应该需要单独运行sass。

当您使用vite以开发模式运行项目或使用vite build构建项目时，它应该包括并自动编译所有sass文件。

Answer 2

我在vite文档中找到了答案。我不得不跑：

npm add -D sass