將ant Design本地化，可經過link以及script直接引入html中使用

一直想着能本地化antd的，不用npm以及dva那麼複雜的配置環境來開發，而且本地化之後對之後連接flask的模板渲染機制也能很好的結合。下面是具體的實現方法：

1.將react的相關連接引入：

<script src="/static/react/react.min.js"></script>
<script src="/static/react/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

也能夠用cdn的連接，我以及將react下到本地使用了，連接可能比較卡。

2.將antd引入，只須要下面這兩個：

<script src="/static/antd/dist/antd.js"></script>
<link href="/static/antd/dist/antd.css" rel="stylesheet"/>

在以前的dva作的項目中也有，可複製粘貼過來，路徑在/dva-quickstart/node_modules/antd/dist...

3.寫代碼測試一下，html引入：

<div id="message1"></div>
<script type="text/babel" src="/static/components/button.js"></script>

antd組件代碼：

// i
ReactDOM.render(
  <div>
    <antd.Button type="primary">Primary</antd.Button>
    <antd.Button>Default</antd.Button>
    <antd.Button type="dashed">Dashed</antd.Button>
    <antd.Button type="danger">Danger</antd.Button>
  </div>
, document.getElementById('message1'));mport { Button, Radio, Icon } from 'antd';

這須要注意的是，全部組件代碼均可從官網中找到，可是import顯然是起不到做用的，去掉就好了；

antd是一個對象，Button是其一個組建，引用的時候須要加上antd.才能正常使用。