Athena

# 使用 script 标签引入

对于大多数人来说，你会希望通过 npm 安装 Slate，在这种情况下，你可以遵循常规的 安装指南。

但是，如果你更愿意简单地在你的应用程序中添加一个 <script> 标签来安装 Slate，那么本指南将对你有所帮助。为了使"捆绑"的情况下使用更加简单，Slate的每一个版本都附带了一个名为 slate.js 的文件。

要获得 slate.js 的副本，可以从 npm 下载你想要的指定版本

npm install slate@latest
1

然后在 node_modules 文件夹里获取到 slate.js 文件：

node_modules/
  slate/
    dist/
      slate.js
      slate.min.js
1
2
3
4
5

为了方便起见，还包含了一个名为 slate.min.js 的压缩版本。

在你添加 slate.js 到页面之前，你需要自己提供 react ， react-dom 和 react-dom-server 文件，像这样：

<script src="./vendor/react.js"></script>
<script src="./vendor/react-dom.js"></script>
<script src="./vendor/react-dom-server.js"></script>
1
2
3

这会确保 Slate 不会绑定自己的 Immutable 和 React 版本，这样（如果捆绑）会大大增加你的应用程序的大小。

然后你可以添加 slate.js 在以上代码之后：

<script src="./vendor/slate.js"></script>
1

为了让事情变得更简单，为了快速原型制作，你也可以使用 unpkg.com (opens new window) 来让与捆绑的 npm modules 一起使用更加方便。在这种情况下，你应该像下面这样:

<script src="https://unpkg.com/react/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom-server.browser.production.min.js"></script>
<script src="https://unpkg.com/slate/dist/slate.js"></script>
<script src="https://unpkg.com/slate-react/dist/slate-react.js"></script>
1
2
3
4
5

就是这样，你已经准备好一切了！Let's do it.

← 位置(Location) →