如何使用npm获得jQuery-ui和datePicker本地化

Question

我正在用Laravel构建一个出色的Web应用程序，将我的JavaScript依赖性定义为package.json，一切都很好。直到我需要使用具有默认意大利本地化的jQuery DatePicker。

看，我会收到有关jQuery-ui和本地化的一百万个建议，例如jQuery UI datePicker本地化，本地化在jQuery UI datePicker中不起作用和jQuery ui ui datePicker在加载上的本地化错误。可悲的是，如何使其与NPM一起使用，而与所需的本地化文件一起使用。

我可以下载源文件并使用它们，但是直到现在我都设法整洁，我也很想找出如何将npm用于datepicker。

Answer 1

在大量尝试后，这是一个工作版本。

首先，定义package.json

中的所有依赖项

...
"jquery-ui-dist": "^1.12.1",
"jquery-ui": "^1.12.1",
...

请注意，我需要 jquery-ui-dist版本(对于我们将使用的最小版(和jquery-ui，用于本地化文件。

也就是说，我必须从node_modules文件夹(我不导出生产(复制文件到public/js文件夹，然后在webpack.mix.js

中添加这些行

...
.scripts('node_modules/jquery-ui-dist/jquery-ui.min.js','public/js/jquery-ui.min.js')
.scripts('node_modules/jquery-ui/ui/i18n/datepicker-it.js','public/js/datepicker-it.js')
...

最后但并非最不重要的一点是，我在页面中添加了JavaScript文件的导入，

<script src="/js/jquery-ui.min.js"></script>
<script src="/js/datepicker-it.js"></script>

这使得诀窍是默认用意大利语加载datepicker