Svelte와 함께 scs를 사용하는 방법은 무엇입니까?
목차
날렵한 설치
npx degit sveltejs/template my-svelte-project
npm install
npm run dev
Svelte 전처리
npm install -D svelte-preprocess
1)import svelte-preprocess in rollup.config.js.
2)add preprocess: sveltePreprocess()
- source for svelte preprocess
import svelte from 'rollup-plugin-svelte'
+ import sveltePreprocess from 'svelte-preprocess';
export default {
...
plugins: [
svelte({
+ preprocess: sveltePreprocess(),
// enable run-time checks when not in production
dev: !production,
// we'll extract any component CSS out into
// a separate file — better for performance
css: css => {
css.write('public/bundle.css')
},
}),
],
}
사스
npm install -D sass
<style type="text/scss">
@import "./styles.scss";
</style>
또는
<style lang="scss">
...
</style>
Reference
이 문제에 관하여(Svelte와 함께 scs를 사용하는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/mefaba/how-to-use-scss-with-svelte-4c6o텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)