在react項目添加看板娘（react-live2d）

　　有留意到看板娘這么個東西，簡直就是我們程序員+動漫迷的摯愛。但是回觀網上，大多只是在老舊的html的靜態引入、vue甚至也有幾個不怎么維護的，還是老舊的不行的SDK2.X的版本。這這這這！我們的react開發者怎么能忍！！所以，我基於SDK4.X（沒錯，就是live2d官網最新的那個）封裝了一個咱們react開發者的看板娘·~~接下來這篇文章就是我們react開發者引入看板娘的過程啦~

　　首先上示例圖

　

熟悉的logo加上看板娘的同時存在~，還用我說什么嗎~ 這就是咱們react的看板娘啦！！

引入的過程很簡單，我們熟悉的模塊安裝：

npm install react-live2d

然后在你個人的react項目的->public->index.html里插入SDK的js，比如我的（這js建議還是放置到你自己的服務器噢）：

<script src = "http://publicjs.supmiao.com/live2dcubismcore.min.js"></script>

接着就是在你希望引入看板娘的頁面里引入這模塊了：

import ReactLive2d from 'react-live2d';

const App = () => (
  <>
    <ReactLive2d
        width={300}
        height={500}
    />
  </>
);

看板娘的引入和模塊都已經完畢啦，接下來就是引入你自己的看板娘模型。

比如你想要給頁面加入模型Hiyori，那就在你的react項目中的public目錄下，將Hiyori放入Resources資源文件夾,如

·
└─ public                     

   └─ Resources

       　　└─ Hiyori

這樣子就大功告成啦~~~

當然這只是基礎的引入，更多的api文檔請移步到https://github.com/chendishen/react-live2d

喜歡的朋友麻煩點個star噢~