reactjs - 无法让 Sass 与 @snowpack/app-template-react-typescript 一起使用

Question

我正在尝试让 Sass 与@snowpack/app-template-react-typescript
一起工作， 我遵循了这个。我试过制作一个新项目并添加它，但仍然没有任何效果:(

snowpack.config.js

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
  mount: {
    public: '/',
    src: '/_dist_',
  },
  plugins: [
    '@snowpack/plugin-react-refresh',
    '@snowpack/plugin-dotenv',
    '@snowpack/plugin-typescript',
    '@snowpack/plugin-sass',
  ],
  install: [
    /* ... */
  ],
  installOptions: {
    /* ... */
  },
  devOptions: {
    /* ... */
  },
  buildOptions: {
    /* ... */
  },
  proxy: {
    /* ... */
  },
  alias: {
    /* ... */
  },
};

如果您需要更多信息，请在评论中问我⬇
谢谢！

Answer 1

您可能需要添加汇总插件才能使 scss 正常工作：

module.exports = {
  mount: {
    public: '/',
    src: '/_dist_',
  },
  plugins: [
    '@snowpack/plugin-react-refresh',
    '@snowpack/plugin-dotenv',
    '@snowpack/plugin-typescript',
    '@snowpack/plugin-sass',
  ],
  install: [
    /* ... */
  ],
  installOptions: {
    /* ... */
  },
  devOptions: {
    /* ... */
  },
  buildOptions: {
    /* ... */
  },
  proxy: {
    /* ... */
  },
  alias: {
    /* ... */
  },
  packageOptions: {        /* <------- add these values to your config */
    rollup: {
        require('rollup-plugin-scss')(),
    }
  }
};