正在尝试将SASS添加到docz，但docz文件夹一直在重置

Question

我刚开始使用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- .docz文件的插件文件夹一直在重置，而且它删除了gatsby-plugin-sass行。我错过了什么吗？

下面的文件结构。(仅显示我引用的文件夹和文件)

- .docz
--- gatsby-config.js

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

Answer 1

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

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

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

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

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