尝试将 SASS 添加到 docz 但 docz 文件夹不断重置答案

【问题标题】：Trying to add SASS to docz but docz folder keeps resetting尝试将 SASS 添加到 docz 但 docz 文件夹不断重置
【发布时间】：2021-01-09 01:26:51
【问题描述】：

我刚开始使用 docz 并将其添加到现有项目中。我从我的 react 文件夹中获得了一个组件来显示，但它缺少样式，所以我试图将我的 SASS 文件导入到我的 docs.mdx 文件中。我按照https://www.docz.site/docs/usage-with-css-preprocessors 上的说明将以下内容添加到 gatsby-config.js。

plugins: ['gatsby-plugin-sass']

但是每次我运行 yarn docz dev 时，我拥有 gatsby-config 文件的 .docz 文件夹都会不断重置，并且它删除了 gatsby-plugin-sass 行。我错过了什么吗？

文件结构如下。（只显示我引用的文件夹和文件）

- .docz
--- gatsby-config.js

- react
--- components
--- docs
------ docs.mdx
- styles
--- 
---

【问题讨论】：

标签： reactjs sass docz

【解决方案1】：

我今天解决了这个问题...

您需要创建 gatsby-config.js 的副本并将其放在您的根文件夹中（与您的 src 文件夹所在的目录相同）。这会自动在您的 .dist 文件夹中创建一个 gatsby-config.custom.js 文件。

然后将“gatsby-plugin-sass”添加到创建的自定义 JS 的插件数组中。这应该已经安装在你的 package.json 中了。

然后运行 yarn docz dev 就可以了。

另外请注意，您需要在 package.json 中安装 node-sass

【讨论】：