Vite how to use sass

Question

Vue.config.js

when i install sass and sass-loader how can i to configure to use sass Now i use sass tips error Cannot find module 'sass' from 'D:\demo\vite'

Anny

Please provide the code snippets as code not images... – Mclane

Answer 1

You just need to install sass using the following command

npm install -D sass

Also, you may check the official docs here https://vitejs.dev/guide/features.html#css-modules

Foment

Answer 2

Try

yarn add -D sass

it's pretty much the error given in the last screen.

---

Since people prefer to use NPM apparently but that there is a lot of package managers nowadays, here we do have an universal solution

By using ni, you can have

ni -D sass

to install that in your project whatever it's using NPM, yarn, PNPM or bun.

Sinistrality

thanks when i create a new project and i install sass is ok But the old project can't I think may be i can't handle good – Anny

Why couldn't the old one handle Sass? Got an error? – Sinistrality

Answer 3

btw if you aready did npm i sass you can perfectly do npm i -D sass the changes will be made automagically!

Cottingham

Answer 4

In other answers, they're using yarn or npm but If you're using pnpm:

pnpm i -D sass

i is an alias for install:

https://pnpm.io/cli/install

-d flag:

https://pnpm.io/cli/install#--dev--d

Onaonager

Answer 5

 npm add -D sass

Then you can use in your .vue file. <style lang="scss"></style>

You can find it in vite official website.Vite scss

Reiner