Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Sass 如何在svelte 3中将SCS移动到新文件?_Sass_Svelte_Rollup_Svelte 3_Stylelint - Fatal编程技术网

Sass 如何在svelte 3中将SCS移动到新文件?

Sass 如何在svelte 3中将SCS移动到新文件?,sass,svelte,rollup,svelte-3,stylelint,Sass,Svelte,Rollup,Svelte 3,Stylelint,我有一个组件App.svelte,它有一些scss代码。我想将我的scss代码移动到一个新文件中,以便在同一个文件上运行stylelint。我正在使用rollup.js <script> export let brandName = 'Stackoverflow'; </script> <svelte:options tag="component-name"></svelte:options> <main>

我有一个组件App.svelte,它有一些scss代码。我想将我的scss代码移动到一个新文件中,以便在同一个文件上运行stylelint。我正在使用rollup.js

<script>
  export let brandName = 'Stackoverflow';
</script>
<svelte:options tag="component-name"></svelte:options>

<main>
    <h1>Wizard <span class="span">{brandName}</span></h1>
</main>


<style lang="scss">
  h1{
    color: red;
    span {
      color: green;
    }
  }

</style>

导出let brandName='Stackoverflow';
向导{brandName}
h1{
颜色:红色;
跨度{
颜色:绿色;
}
}

您可以通过使用包来处理
.scss
文件来实现这一点。您需要更新您的
rollup.config.js

/。。。
从“svelte preprocess”导入sveltePreprocess;
导出默认值{
// ...
插件:[
苗条的({
预处理:SvelteProcess(),
// ...
然后可以导入样式文件,如:


导入“/styles.scss”;
// ...