Table of Contents

• Install
• How it works

Install

1. Install the plugin:

1yarn add @smoosee/vite-plugin-sass -D

2. Add the plugin

1import { defineConfig } from 'vite';
2import VitePluginSass from '@smoosee/vite-plugin-sass';
3
4export default defineConfig({
5    plugins: [VitePluginSass()],
6});

How it works

• This plugin is meant mainly to fix a long standing issue with vite 7651/11012.

• The plugin is enforced pre, and it compiles the original sass code into css (not redundant to the vite compiling process).

• Using source-maps library inside a postcss plugin to resolve the original paths of where url() methods are called in the .scss files, and updating the source files with the relative address of those assets to the root .scss file.