CSS 在 Gatsby.js 开发模式下使用 PostCSS 时不保存

Question

在 Gatsby.js 中将 PostCSS 与 CSS 模块一起使用时，当我启动开发模式时，CSS 文件未应用。要解决它，我必须打开每个 CSS 文件并保存以供应用。

我正在使用 gatsby-plugin-postcss 插件。我们像 style.module.css 一样使用 CSS 模块。当手动保存每个 CSS 文件或处于构建模式时一切正常。

如何解决 gatsby.js 上的 CSS 错误？

Answer 1

我不会说这是一个错误，它可能是默认配置。根据 docs:

If you need to override the default options passed into css-loader

Note: Gatsby is using css-loader@1.0.1

// in gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-postcss`,
    options: {
      cssLoaderOptions: {
        // your options here
      },
    },
  },     
],

查看 1.0.1 版本的可用选项，检查其中一些选项是否符合您的要求，使其在开发模式下工作。

CSS 在 Gatsby.js 开发模式下使用 PostCSS 时不保存

CSS not saving when using PostCSS in Gatsby.js development mode

css

caching

postcss

css-modules

gatsby