|
4 | 4 | <meta charset="UTF-8"> |
5 | 5 | <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]--> |
6 | 6 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
7 | | -<meta name="generator" content="Asciidoctor 1.5.6.1"> |
| 7 | +<meta name="generator" content="Asciidoctor 1.5.6.2"> |
8 | 8 | <meta name="author" content="Thomas Heller and Tony Kay"> |
9 | 9 | <title>Shadow CLJS User’s Guide</title> |
10 | 10 | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic%7CNoto+Serif:400,400italic,700,700italic%7CDroid+Sans+Mono:400,700"> |
@@ -4020,50 +4020,61 @@ <h4 id="_using_npm_packages"><a class="anchor" href="#_using_npm_packages"></a>< |
4020 | 4020 | <table class="tableblock frame-all grid-all spread"> |
4021 | 4021 | <caption class="title">Table 1. ES6 Import to CLJS Require</caption> |
4022 | 4022 | <colgroup> |
4023 | | -<col style="width: 50%;"> |
4024 | | -<col style="width: 50%;"> |
| 4023 | +<col style="width: 33.3333%;"> |
| 4024 | +<col style="width: 33.3333%;"> |
| 4025 | +<col style="width: 33.3334%;"> |
4025 | 4026 | </colgroup> |
4026 | 4027 | <thead> |
4027 | 4028 | <tr> |
4028 | 4029 | <th class="tableblock halign-left valign-top">ES6 Import</th> |
| 4030 | +<th class="tableblock halign-left valign-top">CommonJS Require</th> |
4029 | 4031 | <th class="tableblock halign-left valign-top">CLJS Require</th> |
4030 | 4032 | </tr> |
4031 | 4033 | </thead> |
4032 | 4034 | <tbody> |
4033 | 4035 | <tr> |
4034 | 4036 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import defaultExport from "module-name";</code></p></td> |
| 4037 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const defaultExport = require("module-name").default;</code></p></td> |
4035 | 4038 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :default defaultExport])</code></p></td> |
4036 | 4039 | </tr> |
4037 | 4040 | <tr> |
4038 | 4041 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import * as name from "module-name";</code></p></td> |
| 4042 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const name = require("module-name");</code></p></td> |
4039 | 4043 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :as name])</code></p></td> |
4040 | 4044 | </tr> |
4041 | 4045 | <tr> |
4042 | 4046 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import { export } from "module-name";</code></p></td> |
| 4047 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const { export } = require("module-name");</code></p></td> |
4043 | 4048 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :refer (export)])</code></p></td> |
4044 | 4049 | </tr> |
4045 | 4050 | <tr> |
4046 | 4051 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import { export as alias } from "module-name";</code></p></td> |
| 4052 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const { export : alias } = require("module-name");</code></p></td> |
4047 | 4053 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :rename {export alias}])</code></p></td> |
4048 | 4054 | </tr> |
4049 | 4055 | <tr> |
4050 | 4056 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import { export1 , export2 } from "module-name";</code></p></td> |
| 4057 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const { export1 , export2 } = require("module-name");</code></p></td> |
4051 | 4058 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :refer (export1 export2)])</code></p></td> |
4052 | 4059 | </tr> |
4053 | 4060 | <tr> |
4054 | 4061 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import { export1 , export2 as alias2 , […​] } from "module-name";</code></p></td> |
| 4062 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const { export1 , export2 : alias2 , […​] } = require("module-name");</code></p></td> |
4055 | 4063 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :refer (export1) :rename {export2 alias2}])</code></p></td> |
4056 | 4064 | </tr> |
4057 | 4065 | <tr> |
4058 | 4066 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import defaultExport, { export [ , […​] ] } from "module-name";</code></p></td> |
| 4067 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const { default : defaultExport , export2 [ , […​] ] } = require("module-name");</code></p></td> |
4059 | 4068 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :refer (export) :default defaultExport])</code></p></td> |
4060 | 4069 | </tr> |
4061 | 4070 | <tr> |
4062 | 4071 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import defaultExport, * as name from "module-name";</code></p></td> |
| 4072 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>const name = require("module-name"), defaultExport = name.default;</code></p></td> |
4063 | 4073 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name" :as name :default defaultExport])</code></p></td> |
4064 | 4074 | </tr> |
4065 | 4075 | <tr> |
4066 | 4076 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>import "module-name";</code></p></td> |
| 4077 | +<td class="tableblock halign-left valign-top"><p class="tableblock"><code>require("module-name");</code></p></td> |
4067 | 4078 | <td class="tableblock halign-left valign-top"><p class="tableblock"><code>(:require ["module-name"])</code></p></td> |
4068 | 4079 | </tr> |
4069 | 4080 | </tbody> |
@@ -4927,7 +4938,7 @@ <h3 id="_patching_libraries"><a class="anchor" href="#_patching_libraries"></a>< |
4927 | 4938 | <div id="footer"> |
4928 | 4939 | <div id="footer-text"> |
4929 | 4940 | Version 1.0<br> |
4930 | | -Last updated 2018-03-22 15:31:17 STD |
| 4941 | +Last updated 2018-04-11 23:13:16 EDT |
4931 | 4942 | </div> |
4932 | 4943 | </div> |
4933 | 4944 | </body> |
|
0 commit comments