SvelteJS 我将 preferData 添加到 rollup.config.js，但它被 vscode 忽略了

Question

我在 rollup.config.js

中添加了这个

plugins: [
  svelte({
    preprocess: sveltePreprocess({ sourceMap: !production, scss: {
      prependData: "@import \"./src/scss/app.scss\";"
    }})
  }),
  ...etc
]

app.scss:

$v:red;

我的一个 svelte 文件：

value {
  color: $v
}

但是 vscode 向我显示了这个错误：

Error: undefined variable

color: $v;

代码工作正常，但我该怎么做才能避免 vscode 向我显示此错误？

Answer 1

假设您使用的是 Svelte Rollup 模板，请在您的汇总配置旁边添加一个 svelte.config.js，其中包含以下内容

const sveltePreprocess = require('svelte-preprocess');

module.exports = {
    preprocess: sveltePreprocess({ scss: {
      prependData: "@import \"./src/scss/app.scss\";"
    }})
};

Svelte for VS Code 扩展需要这个文件来了解您在 Svelte 文件中除了 Svelte 本身之外还使用了什么。更多信息在这里：https://github.com/sveltejs/language-tools/blob/master/docs/preprocessors/in-general.md

SvelteJS 我将 preferData 添加到 rollup.config.js，但它被 vscode 忽略了

SvelteJS I added preferData to rollup.config.js, but it's ignored by vscode

visual-studio-code

sass

svelte

rollup