Update sample code in README

This commit is contained in:
onsummer 2021-06-08 22:07:21 +08:00
parent 86d763eab2
commit 3ebffebce3
2 changed files with 19 additions and 19 deletions

View File

@ -25,8 +25,8 @@ yarn add @openglobus/og
### Code: using umd lib
```html
<link rel="stylesheet" href="./libs/og-0.8.10.css">
<script src="./libs/og-0.8.10-umd.js"></script>
<link rel="stylesheet" href="./libs/og.css">
<script src="./libs/og.umd.js"></script>
<div id="globus"></div>
<script>
@ -51,11 +51,11 @@ yarn add @openglobus/og
### Code: using esm lib
``` html
<link rel="stylesheet" href="./libs/og-0.8.10.css">
<link rel="stylesheet" href="./libs/og.css">
<div id="globus"></div>
<script type="module">
import { layer, Globe, terrain } from './libs/og-0.8.10-esm.js'
import { layer, Globe, terrain } from './libs/og.esm.js'
const { XYZ } = layer
const { GlobusTerrain } = terrain
@ -105,13 +105,13 @@ Run
npm run build
```
Then, it will generate 3 files at `dist/@openglobus/`:
Then, it will generate 5 files at `dist/@openglobus/`:
- og-<currentVersion\>-umd.js
- og-<currentVersion\>-umd.js.map
- og-<currentVersion\>-esm.js
- og-<currentVersion\>-esm.js.map
- og-<currentVersion\>.css
- og.umd.js
- og.umd.js.map
- og.esm.js
- og.esm.js.map
- og.css
All JavaScript files are compressed by `terser` plugin.

View File

@ -21,8 +21,8 @@ yarn add @openglobus/og
### 代码:使用 umd 引用
``` html
<link rel="stylesheet" href="./libs/og-0.8.10.css">
<script src="./libs/og-0.8.10-umd.js"></script>
<link rel="stylesheet" href="./libs/og.css">
<script src="./libs/og.umd.js"></script>
<div id="globus"></div>
<script>
@ -47,11 +47,11 @@ yarn add @openglobus/og
### 代码:使用 esm 引用
```html
<link rel="stylesheet" href="./libs/og-0.8.10.css">
<link rel="stylesheet" href="./libs/og.css">
<div id="globus"></div>
<script type="module">
import { layer, Globe, terrain } from './libs/og-0.8.10-esm.js'
import { layer, Globe, terrain } from './libs/og.esm.js'
const { XYZ } = layer
const { GlobusTerrain } = terrain
@ -104,11 +104,11 @@ npm run build
随后会在 `dist/@openglobus/` 目录下生成下列 5 个文件:
- og-<当前版本\>-umd.js
- og-<当前版本\>-umd.js.map
- og-<当前版本\>-esm.js
- og-<当前版本\>-esm.js.map
- og-<当前版本>.css
- og.umd.js
- og.umd.js.map
- og.esm.js
- og.esm.js.map
- og.css
其中js 文件均使用 `terser` 插件进行了代码压缩。