将 postcss-normalize 与 Svelte 结合使用

如何解决将 postcss-normalize 与 Svelte 结合使用

我没有设法使用 postcss-normalize 和 official starting boileprlate 将 svelte-preprocess 导入 svelte。

我的汇总配置：

…
plugins: [
  svelte({
    preprocess: sveltePreprocess({
      sourceMap: !production,defaults: {
        style: "scss",},scss: {
        prependData: '@import "sass-mediaqueries/media-queries";',}),compilerOptions: {
      // enable run-time checks when not in production
      dev: !production,postcss: {
      plugins: [
        // postcssImport(postcssnormalize().postcssImport({ path: ["src"] })),postcssnormalize(),autoprefixer(),]
    }
  }),// we'll extract any component CSS out into
  // a separate file - better for performance
  css({ output: "bundle.css" }),…

我在 App.svelte 中是这样导入的：

<style global>
  @import-normalize;
  @import-sanitize;
  @import "global.scss";
</style>

No normalize 和 sanitize css 都不会进入捆绑的 bundle.css。没有错误或警告。

正如您在上面的配置中看到的那样，我还尝试使用 postcss-normalize Github 页面和 Github 问题中的 postcss-import 插件导入它。到目前为止没有运气。任何帮助表示赞赏。