如何使用 npm 为 jquery-ui 设置主题并要求？

Question

是否可以通过 npm 为 jquery-ui 设置主题？
还是我们还要通过download builder？

jquery-ui package 的默认主题包含在：
./node_modules/jquery-ui/themes/base/*.css。

如果我们 require('jquery-ui') 也不会加载任何 CSS 样式，对吧？

我们需要require('./jquery-ui/themes/base/all.css')吗？
还是有更好的办法？

Answer 1

1. 是否可以通过 npm 为 jquery-ui 设置主题？

   是的，您可以使用 jquery 主题包 (link)。

   npm i jquery-ui-themeroller.

   然后导入

   require('./jquery-ui-themes/themes/dot-luv/theme.css');

   dot-luv 是主题的名称。

   这里是official document，不仅是主题列表，也是自定义主题的工具。

   记得先导入jquery css文件require('./jquery-ui/themes/base/all.css')

2. 如果我们 require('jquery-ui') 也不会加载任何 CSS 样式，对吧？

   是的，你应该导入require('./jquery-ui/themes/base/all.css'); 来获取样式文件。

3. 我们需要require('./jquery-ui/themes/base/all.css')吗？

   这是获取所有小部件样式的最简单方法。但在大多数情况下，我们只需要几个小部件。

   也就是说我们只想要datepicker，我们应该导入css文件

   require('./jquery-ui/themes/base/core.css');
   require('./jquery-ui/themes/base/datepicker.css');
   

   现在你终于可以使用自己的主题了。