GHCJS:如何使用旨在与 npm 一起使用的 JS 库
GHCJS: How to use a JS library that is intended to be used with npm
我正在使用 ghcjs-0.2.0.9006030_ghc-7.10.3
和堆栈 lts-6.30
构建前端应用程序。受 this post, I decided to use react-flux
and material-ui
. I added React's CDN link to my index.html, and configured GHCJSi 的启发,在使用 repl 时使用自定义 index-dev.html
。(React 的 CDN link 也包含在 index-dev.html
中)
不过,用material-ui-next, the official installation method就是要用NPM。他们不提供 CDN link。那么如何在 GHCJS 项目中使用这个库呢?我认为以下方法之一应该有效:
- 使用jsDelivr提供的CDN link。 (虽然这个link不起作用)
- 找到一些方法来捆绑
material-ui-next
并将其放在 cabal 的 js-sources
字段中,以便它可以在构建时与我们的应用程序一起 linked。
感谢任何帮助。
在package.json of material-ui, scripts build:umd:prod
and build:umd:dev
can be used to build UMD bundles of the package. So you can use the CDN link provided by unpkg.
即使 material-ui
没有声明对 react-transition-group
的对等依赖,它期望 react-transition-group/TransitionGroup
存在。所以我们要在before the link to 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 存储库上创建了一个问题,有关详细信息,请参阅 that issue。
我正在使用 ghcjs-0.2.0.9006030_ghc-7.10.3
和堆栈 lts-6.30
构建前端应用程序。受 this post, I decided to use react-flux
and material-ui
. I added React's CDN link to my index.html, and configured GHCJSi 的启发,在使用 repl 时使用自定义 index-dev.html
。(React 的 CDN link 也包含在 index-dev.html
中)
不过,用material-ui-next, the official installation method就是要用NPM。他们不提供 CDN link。那么如何在 GHCJS 项目中使用这个库呢?我认为以下方法之一应该有效:
- 使用jsDelivr提供的CDN link。 (虽然这个link不起作用)
- 找到一些方法来捆绑
material-ui-next
并将其放在 cabal 的js-sources
字段中,以便它可以在构建时与我们的应用程序一起 linked。
感谢任何帮助。
在package.json of material-ui, scripts build:umd:prod
and build:umd:dev
can be used to build UMD bundles of the package. So you can use the CDN link provided by unpkg.
即使 material-ui
没有声明对 react-transition-group
的对等依赖,它期望 react-transition-group/TransitionGroup
存在。所以我们要在before the link to 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 存储库上创建了一个问题,有关详细信息,请参阅 that issue。