正常使用webpack打包的React項(xiàng)目遗遵，在項(xiàng)目打包成bundle的時(shí)候會(huì)對(duì)代碼丑化（uglyfy），因此組件的類名會(huì)在打包時(shí)被混淆。
css模塊化，請(qǐng)參考 簡(jiǎn)書的“入門webpack曙强，看這篇就夠了”。
在React中途茫，我推薦的方式如下碟嘴，不需引入別的依賴。
使用方式如下
其中囊卜，先把a(bǔ)nimate.css封裝為styles對(duì)象娜扇，然后在className中以圖中方式拼接。
注意栅组！這里如果直接className寫成這樣className="animated lightSpeedIn"形式袱衷，會(huì)無法加載樣式，上面已經(jīng)說過是由uglyfy的原因笑窜，因此需要加載到對(duì)象中，以模塊形式讓weback自己去尋找依賴登疗。
animate.css的使用非常簡(jiǎn)單排截，在給html標(biāo)簽類名加上 animated和其中的樣式效果名即可嫌蚤，具體見animate.css官網(wǎng)。例：
<div class="animated brounce">? Its a test</div>
特效效果見animate.css官網(wǎng)断傲。
2018/7/25更新 以模版字符串形式拼接
此舉可以在上面的操作中簡(jiǎn)化一定工作量脱吱，其次模板字符串的作用不局限于此，很多需要?jiǎng)討B(tài)傳值的時(shí)候都可以用到认罩。
