node.js - 如何使用 npm 和 requires 为 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');
   

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