webpack - 创建React应用程序生产构建破坏了npm模块中的material-ui v1.0.0组件

Question

我正在使用 nwb 和 Material-ui v1.0.0-beta.5 创建一个外部 React 组件，将其与我的主包链接，该主包是通过带有 npm link 的 create-react-app 搭建的。如果我运行 npm start 它会正确渲染并且一切正常，但如果我运行 npm run build，大多数 Material-ui 组件都会渲染得很糟糕。
我明白了 而不是这个

Answer 1

我也遇到过类似的问题，结果是类(Class)冲突。实现 JssProvider 为我解决了这个问题:

import JssProvider from 'react-jss/lib/JssProvider';
import { createGenerateClassName } from '@material-ui/core/styles';

const generateClassName = createGenerateClassName({
      dangerouslyUseGlobalCSS: false,
      productionPrefix: 'c',
});

然后您的应用程序标记包含以下内容

<JssProvider generateClassName={generateClassName}>

请参阅以下内容:Github