Всем привет, есть ли у кого-нибудь пример как использовать sass

Question

Svelte [svelt] - All about Svelte JavaScript framework.

⁣Аидрфй

Всем привет, есть ли у кого-нибудь пример как использовать sass

в svelte проекте?

#programming #russian #svelte

0

10.06.2021

5 ответов

21 просмотр

⁣Аидрфй Автор вопроса

не имею в виду как настроить препроцессор и тд, а как использовать его в компонентах в целом

0

10.06.2021

⁣Аидрфй Автор вопроса

Kirill Yakovlev
Слушай, а можешь свой конфиг скинуть? А то я что-т...

rollup.config.js import svelte from 'rollup-plugin-svelte'; import commonjs from '@rollup/plugin-commonjs'; import resolve from '@rollup/plugin-node-resolve'; import livereload from 'rollup-plugin-livereload'; import { terser } from 'rollup-plugin-terser'; import sveltePreprocess from 'svelte-preprocess'; import typescript from '@rollup/plugin-typescript'; import css from 'rollup-plugin-css-only'; import svg from 'rollup-plugin-svg'; const production = !process.env.ROLLUP_WATCH; function serve() { let server; function toExit() { if (server) server.kill(0); } return { writeBundle() { if (server) return; server = require('child_process').spawn('npm', ['run', 'start', '--', '--dev'], { stdio: ['ignore', 'inherit', 'inherit'], shell: true }); process.on('SIGTERM', toExit); process.on('exit', toExit); } }; } export default { input: 'src/main.ts', output: { sourcemap: true, format: 'iife', name: 'app', file: 'public/build/bundle.js' }, plugins: [ svelte({ preprocess: sveltePreprocess({ sourceMap: !production, postcss: true }), compilerOptions: { dev: !production } }), css({ output: 'bundle.css' }), svg({ base64: true }), resolve({ browser: true, dedupe: ['svelte'] }), commonjs(), typescript({ sourceMap: !production, inlineSources: !production }), !production && serve(), !production && livereload('public'), production && terser() ], watch: { clearScreen: false } }; svelte.config.cjs const sveltePreprocess = require('svelte-preprocess') module.exports = { preprocess: sveltePreprocess() } postcss.config.js module.exports = { plugins: [ require('autoprefixer') ] } Пакеты npm: sass, autoprefixer, postcss, postcss-load-config, svelte-preprocess

0

10.06.2021

⁣Аидрфй Автор вопроса

⁣Аидрфй
rollup.config.js import svelte from 'rollup-plugin...

тут дополнительно еще rollup-plugin-svg, он к всему этому отношения не имеет

0

10.06.2021

Kirill Yakovlev

⁣Аидрфй
тут дополнительно еще rollup-plugin-svg, он к всем...

Спасибо!

0

10.06.2021