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

我有一个组件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”；
// ...