0

styleguidist server完美运行(非常感谢)

我现在想构建静态 html 文件以粘贴在 github 页面中,但是..

styleguidist build似乎源自 favicons-webpack-plugin 的throwsTypeError: Cannot read property 'tapAsync' of undefined仅在我的生产 webpack 配置中使用。

似乎styleguidist build-p标志传递给 webpack(或以其他方式导致使用此配置),但我更愿意只使用 dev 配置构建。

任何人都知道如何或是否可能?

4

1 回答 1

0

不确定您是否仍然遇到此问题,但我刚刚遇到了它,使用 Create React App 和 Typescript 设置了一个新的 Styleguidist 项目....有同样的问题,开发服务器工作正常,但在生产构建设置中有些东西create-react-app 导致与 styleguidist 自己的内部事物发生冲突。

在 styleguide.config.js 中,附加在我的设置对象中

module.exports = {
  // ...other configgy stuff,
    webpackConfig: require('./node_modules/react-scripts/config/webpack.config.js')(
    'development'
  ),
};

不确定这是否 100% 正确,但适用于我的情况。根据 styleguidist 的文档,为 create-react-app 设置的一些东西可能会破坏该过程

https://react-styleguidist.js.org/docs/webpack.html#reusing-your-projects-webpack-config

我想你也可以这样做..我只是在破解此修复程序后发现它 https://react-styleguidist.js.org/docs/cookbook#how-to-use-production-or-development-build-of-反应

{
  "scripts": {
    "build": "cross-env NODE_ENV=development react-styleguidist build"
  }
}

还没有尝试过......我想我应该先有 RTFM'ed

于 2019-03-10T16:26:00.810 回答