1

我正在使用ghcjs-0.2.0.9006030_ghc-7.10.3堆栈lts-6.30来构建前端应用程序。受这篇文章的启发，我决定使用react-fluxand material-ui。我将 React 的 CDN 链接添加到我的 index.html，并配置GHCJSi 以在使用index-dev.htmlrepl 时使用自定义。（React 的 CDN 链接也包含在 中index-dev.html）

但是，使用material-ui-next，官方的安装方法是使用 NPM。他们不提供 CDN 链接。那么如何在 GHCJS 项目中使用这个库呢？我认为以下其中一项应该有效：

  • 使用jsDelivr 提供的CDN 链接。（虽然这个链接不起作用）
  • 找到一些方法将其捆绑material-ui-next并放在js-sourcescabal 中的字段中，以便它可以在构建时与我们的应用程序链接。

任何帮助表示赞赏。

4

1 回答 1

0

在material-ui的package.jsonbuild:umd:prod中，脚本和build:umd:dev可用于构建包的 UMD 捆绑包。所以你可以使用unpkg提供的CDN 链接。

即使material-ui没有声明对 的对等依赖react-transition-group，它也希望react-transition-group/TransitionGroup存在。所以我们必须在链接之前添加以下代码material-ui

<script crossorigin="anonymous" src="https://unpkg.com/react-transition-group@2.2.1/dist/react-transition-group.js"></script>
<script>
    window["react-transition-group/TransitionGroup"] = ReactTransitionGroup.TransitionGroup;
</script>

我在material-ui的 github 存储库上创建了一个问题，有关更多详细信息，请参阅该问题。

于 2018-03-03T23:03:35.957 回答