在使用HtmlWebpackPlugin

时间:2018-01-31 17:15:34

标签: reactjs webpack css-loader html-webpack-plugin react-dom-server

我们希望将其中一个React组件呈现为静态HTML,因此它位于服务器返回的index.html中。

而不是代码在启动服务器时执行此操作,而不是HtmlWebpackPlugin将React组件呈现到其生成的index.html中。 This is possible并且效果很好;但是,只要我们使用a React component that imports its SCSS尝试此操作,就会发现以下错误:

  

错误:/ Users / calumjames / htmlwebpackplugin-error-react-rendering / tools / webpack / indexRenderer:5396
返回窗口&&文件&& document.all&& !window.atob;
^^ ReferenceError:未定义窗口

我已经创建了a simple Git repo示例问题。如README文件中所述,如果导出Loading组件中SCSS的行已注释掉,则此错误将停止显示,并且组件将正确呈现到index.html中。

我们可以不改变组件的编码方式,因为它是一个内部共享组件,编码风格与其他共享组件相匹配。

我的代码或配置是否有问题,或者其中一个Webpack插件或加载器是否存在问题?

0 个答案:

没有答案