导入 jQuery ui i18n答案

【问题标题】：import jQuery ui i18n导入 jQuery ui i18n
【发布时间】：2016-08-31 03:47:12
【问题描述】：

问题：我在 react 应用中有 jQuery datepicker，它必须本地化为不同的语言（30 语言）。我从链接 (https://github.com/jquery/jquery-ui/tree/master/ui/i18n) 下载了所有 i18n 文件，但它必须包含在 <script> 标记中。

问题：有没有办法导入这个文件？使用webpack和commonjs?。我正在使用 es6 import。有没有办法将它们全部捆绑并导入到文件中？

欢迎提出任何建议。

【问题讨论】：

您在您的网站中使用 web 应用程序吗？我已经回答了您的问题，认为您正在将其用于网站。如果你的问题不同。让我知道，以便我相应地编辑答案
抱歉，您好像错过了理解我的问题，我知道它可以包含为scripttag，但包含 30 个这样的文件有点太多了。那么有没有办法在客户端捆绑呢？
好的，我正在根据您的要求编辑答案。等等
现在看答案。我还推荐为相同目的而设计的 GRUNTJS。如果您需要进一步的帮助，请告诉我。

标签： javascript jquery webpack commonjs es6-module-loader

【解决方案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。我在here的答案中找到了它。

【讨论】：