refactor: use SASS @use over @import

This commit is contained in:
2024-11-13 23:16:35 +01:00
parent ac3070b0b7
commit cbd1062d82
20 changed files with 66 additions and 38 deletions

View File

@@ -1,18 +1,16 @@
import { sveltePreprocess } from 'svelte-preprocess'
import adapter from '@sveltejs/adapter-cloudflare'
import { fileURLToPath } from 'url'
import { dirname } from 'path'
import { sveltePreprocess } from 'svelte-preprocess'
import adapter from '@sveltejs/adapter-cloudflare'
const stylePath = `${dirname(fileURLToPath(import.meta.url))}/src/style`
export const scssImports = `@use "${stylePath}/imports.scss" as *;`
export const globalStyles = `@use "${dirname(fileURLToPath(import.meta.url))}/src/style/imports" as *;`
/** @type {import('@sveltejs/kit').Config} */
const config = {
// Preprocessors docs: https://github.com/sveltejs/svelte-preprocess
preprocess: sveltePreprocess({
scss: {
prependData: scssImports,
renderSync: true,
prependData: globalStyles,
}
}),