вот такие штуки:
@import "https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css";
@import "https://fonts.googleapis.com/css?family=Neucha&display=swap";
А в одном из компонентов у меня есть вот такое:
@import 'microtip/microtip';
В roolup.config.js подключил @kazzkiq/svelte-preprocess-scss:
plugins: [
svelte({
dev: !production,
css: css => {
css.write('public/bundle.css');
},
preprocess: {
style: scss(),
}
})
И поведение странное:
1) сразу после npm run dev совсем ничего из подключенных стилей/шрифтов не работает
2) если сделать изменение, сохранить, сработает авторелоад, и на одном компьютере это приведет к внезапному включению стилей, а на другом не приведет :/
3) никаких ошибок сборки, например, нигде нет
Что я делаю не так и как мне добиться импорта CSS?
Global.css - статика, которая не билдится сама по себе с проектом. Попробуйте импорт стилей сделать в тэге стайл корневого свелтовского компонента
Обсуждают сегодня