導入jQuery ui i18n

Question

問題：我在react app中有jQuery datepicker，必須將其本地化為不同的語言（30 lang）。 我從鏈接（ https://github.com/jquery/jquery-ui/tree/master/ui/i18n ）下載了所有i18n文件，但它必須作為<script>標記包含在內。

問題：是否可以導入該文件？ 使用webpack和commonjs嗎？ 我正在使用es6 import 。 有沒有辦法將它們全部捆綁並導入文件中？

任何建議表示贊賞。

Answer 1

編輯：是的，有一種方法：

您可以創建一個JavaScript函數，將路徑作為參數並創建以下HTML行：

<script src="js/datepicker-in-all-languages/datepicker-af.js"></script>
<script src="js/datepicker-in-all-languages/datepicker-ar-DZ.js"></script>
<script src="js/datepicker-in-all-languages/datepicker-ar.js"></script>

...................and for all other 30 languages................

您只需要調用此：

loadLib("datepicker-in-all-languages/datepicker-af");
loadLib("datepicker-in-all-languages/datepicker-ar-DZ");
loadLib("datepicker-in-all-languages/datepicker-ar");

編輯：也可以出於同樣的目的在Grunt上搶劫。您可以設置grunt觀看腳本的文件夾並將其合並/縮小為一個文件，然后只需將其包含在HTML文件中即可：

GRuntJS的用法（根據其官方頁面）：實際上有數百種可供選擇的插件，您可以使用Grunt來以最少的努力實現幾乎任何事情的自動化。

編輯：

還有一個jQuery ui i18n的縮小文件，它由Google托管。 您可以在單個<script>標記中使用它： http : //ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js 。 我在這里的答案中找到了它。