无法让 Sass 使用 @snowpack/app-template-react-typescript答案

【问题标题】：Can't get Sass to work with @snowpack/app-template-react-typescript无法让 Sass 使用 @snowpack/app-template-react-typescript
【发布时间】：2021-03-16 10:59:42
【问题描述】：

我正在尝试让 Sass 与 @snowpack/app-template-react-typescript 合作
我关注了this。我尝试创建一个新项目并添加它，但仍然没有任何效果:(

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: {
    /* ... */
  },
};

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

【问题讨论】：

究竟有什么行不通的？请分享错误信息
我更改了所有文件名和所有内容，但是当我在浏览器上加载它时没有样式。
并且没有错误消息只是这里没有加载样式是详细日志gist.github.com/UnlockDep/492a0ef779b6ba80df3d8efedc3e106c
如果你在 github 上分享可重现的例子，你得到答案的机会将会增加
您可以通过执行以下操作来重现它：npx create-snowpack-app reproduction --template @snowpack/app-template-react-typescript && cd reproduction && npm i -D @snowpack/plugin-sass 然后前往 snowpack.config.js 并在插件中添加 "@snowpack/plugin-sass" 并将您的 css 文件转换为 scss，然后如果您运行它就会没有造型（这就是问题）。但我仍然会使用所有信息进行回购。

标签： reactjs typescript sass snowpack

【解决方案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')(),
    }
  }
};

【讨论】：

我认为 packageOptions.rollup 对象缺少另一个嵌套的“插件”数组属性，汇总插件 scss 实例应该存在于其中： packageOptions: { rollup: { plugins: [require('rollup-plugin -scss')()], }, }