SvelteKit에서 SCSS 사용하기

1. 설치

npm i -D sass

 

2. 설정 변경

//svelte.config.js

import adapter from "@sveltejs/adapter-auto";
import preprocess from "svelte-preprocess";

const config = {
  preprocess: preprocess({ typescript: true, scss: true }),

  kit: {
    adapter: adapter(),
  },
};

export default config;

 

3. 사용

<style lang='scss'>
	div{
    	a{
        	font-weight:bold;
        }
    }
<style>