ReasonML

支持扩展类型: ml, re

ReasonML/BuckleScript

ReasonML在BuckleScript 的帮助下将 OCaml 编译为 JavaScript。通过安装依赖和创建bsconfig.json文件使用 ReasonML。

  1. $ yarn add bs-platform --dev
  1. // bsconfig.json
  2. // from https://github.com/BuckleScript/bucklescript/blob/master/jscomp/bsb/templates/basic-reason/bsconfig.json
  4. {
  5.   "name": "whatever",
  6.   "sources": {
  7.     "dir": "src",
  8.     "subdirs": true
  9.   },
  10.   "package-specs": {
  11.     "module": "commonjs",
  12.     "in-source": true
  13.   },
  14.   "suffix": ".bs.js",
  15.   "bs-dependencies": [],
  16.   "warnings": {
  17.     "error": "+101"
  18.   },
  19.   "namespace": true,
  20.   "refmt": 3
  21. }
  1. <!-- index.html -->
  2. <!DOCTYPE html>
  3. <html>
  4.   <body>
  5.     <script src="./src/index.re"></script>
  6.   </body>
  7. </html>
  1. /* src/index.re */
  2. print_endline("Hello World");

ReasonReact

ReasonReact 通过 ReasonML 构建 React。当然也能在 Parcel 中使用：

  1. $ yarn add react react-dom reason-react
  1. // bsconfig.json
  3. {
  4.   "name": "whatever",
  5. + "reason": {
  6. +   "react-jsx": 3
  7. + },
  8.   "sources": {
  9.     "dir": "src",
  10.     "subdirs": true
  11.   },
  12.   "package-specs": {
  13.     "module": "commonjs",
  14.     "in-source": true
  15.   },
  16.   "suffix": ".bs.js",
  17.   "bs-dependencies": [
  18. +   "reason-react"
  19.   ],
  20.   "warnings": {
  21.     "error": "+101"
  22.   },
  23.   "namespace": true,
  24.   "refmt": 3
  25. }
  1. <!-- index.html -->
  2. <html>
  3. <body>
  4. + <div id="app"></div>
  5.   <script src="./src/index.re"></script>
  6. </body>
  7. </html>
  1. /* src/Greeting.re */
  3. [@react.component]
  4. let make = (~name) => {
  5.   <div> {React.string("Hello! " ++ name)} </div>;
  6. };
  1. /* src/index.re */
  3. ReactDOMRe.renderToElementWithId(<Greeting name="Parcel" />, "app");

帮助我们改善文档

如果有遗漏或者不清楚的地方，请在本站的仓库 提交issue 或者 编辑此页面.