使用已打包源

对大部分人来说，会希望通过 npm 安装 Slate，在这种情况下，可以按照常规安装 Slate的教程去操作。

但是，如果希望通过简单的添加 <script> 标记来安装 Slate 到应用程序，那么本教程会有帮助。为了使“已打包”用例更简单的使用，每个版本的 Slate 都附带一个叫做 slate.js 的已打包源代码的文件。

要获取 slate.js 的副本，请从 npm 下载所需的 Slate 版本：

npm install slate@latest

然后在 node_modules 文件夹中查找已打包的 slate.js 文件：

node_modules/
  slate/
    dist/
      slate.js
      slate.min.js

为了方便起见，还包括一个压缩版本 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>

这确保 Slate 不会打包 React 副本，因为这会大大增加应用程序的文件大小。

然后你可以在添加这些之后继续添加 slate.js：

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

为了更容易以及快速原型开发，也可以使用 unpkg.com 分发网络，可以更容易的使用已打包的 npm 模块：

<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>

就是这些，即可准备运行！