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

问题描述

在 Gatsby.js 中使用带有 CSS 模块的 PostCSS 时，当我启动开发模式时，不会应用 CSS 文件。为了解决这个问题，我必须打开每个 CSS 文件并保存它以供应用。

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

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

解决方法

我不会说这是一个错误，它可能是一个默认配置。根据{{​​3}}：

如果您需要覆盖传递给 docs 的默认选项

注意：Gatsby 使用的是 css-loader@1.0.1

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

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