以正确的顺序包含 JS 脚本 (JQuery-UI)

Question

我正在尝试优化事物并仅包含实际使用的事物（对话框和选项卡）。

这是有效的：

<script src="/bower/jquery/dist/jquery.js"></script>
<script src="/bower/jquery-ui/jquery-ui.js"></script>

注意缩小版也可以。

JQuery 有 a nice documentation about how to use it with various packages managers，例如 Bower 或 AMD，只包含您需要的库，但没有详细说明。

我的想法是包含每个单独的脚本，然后开始取出我们不需要的内容。关于订单的唯一线索，我在完整 JQuery-UI 库顶部的评论中发现：

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: widget.js, position.js, data.js, disable-selection.js, effect.js, effects/effect-blind.js, effects/effect-bounce.js, effects/effect-clip.js, effects/effect-drop.js, effects/effect-explode.js, effects/effect-fade.js, effects/effect-fold.js, effects/effect-highlight.js, effects/effect-puff.js, effects/effect-pulsate.js, effects/effect-scale.js, effects/effect-shake.js, effects/effect-size.js, effects/effect-slide.js, effects/effect-transfer.js, focusable.js, form-reset-mixin.js, jquery-1-7.js, keycode.js, labels.js, scroll-parent.js, tabbable.js, unique-id.js, widgets/accordion.js, widgets/autocomplete.js, widgets/button.js, widgets/checkboxradio.js, widgets/controlgroup.js, widgets/datepicker.js, widgets/dialog.js, widgets/draggable.js, widgets/droppable.js, widgets/menu.js, widgets/mouse.js, widgets/progressbar.js, widgets/resizable.js, widgets/selectable.js, widgets/selectmenu.js, widgets/slider.js, widgets/sortable.js, widgets/spinner.js, widgets/tabs.js, widgets/tooltip.js
* Copyright jQuery Foundation and other contributors; Licensed MIT */

所以我按照这个顺序将它们包括在内：

<script src="/bower/jquery-ui/ui/core.js"></script>
<script src="/bower/jquery-ui/ui/widget.js"></script>
<script src="/bower/jquery-ui/ui/position.js"></script>
<script src="/bower/jquery-ui/ui/data.js"></script>
<script src="/bower/jquery-ui/ui/disable-selection.js"></script>
<script src="/bower/jquery-ui/ui/effect.js"></script>

<script src="/bower/jquery-ui/ui/effects/"></script>

<script src="/bower/jquery-ui/ui/effects/effect-blind.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-bounce.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-clip.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-drop.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-explode.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-fade.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-fold.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-highlight.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-puff.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-pulsate.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-scale.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-shake.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-size.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-slide.js"></script>
<script src="/bower/jquery-ui/ui/effects/effect-transfer.js"></script>


<script src="/bower/jquery-ui/ui/focusable.js"></script>
<script src="/bower/jquery-ui/ui/form-reset-mixin.js"></script>
<script src="/bower/jquery-ui/ui/keycode.js"></script>
<script src="/bower/jquery-ui/ui/labels.js"></script>
<script src="/bower/jquery-ui/ui/scroll-parent.js"></script>
<script src="/bower/jquery-ui/ui/tabbable.js"></script>
<script src="/bower/jquery-ui/ui/unique-id.js"></script>


<script src="/bower/jquery-ui/ui/widgets/accordion.js"></script>
<script src="/bower/jquery-ui/ui/widgets/accordion.js"></script>
<script src="/bower/jquery-ui/ui/widgets/autocomplete.js"></script>
<script src="/bower/jquery-ui/ui/widgets/button.js"></script>
<script src="/bower/jquery-ui/ui/widgets/checkboxradio.js"></script>
<script src="/bower/jquery-ui/ui/widgets/controlgroup.js"></script>
<script src="/bower/jquery-ui/ui/widgets/datepicker.js"></script>
<script src="/bower/jquery-ui/ui/widgets/dialog.js"></script>
<script src="/bower/jquery-ui/ui/widgets/draggable.js"></script>
<script src="/bower/jquery-ui/ui/widgets/droppable.js"></script>
<script src="/bower/jquery-ui/ui/widgets/menu.js"></script>
<script src="/bower/jquery-ui/ui/widgets/mouse.js"></script>
<script src="/bower/jquery-ui/ui/widgets/progressbar.js"></script>
<script src="/bower/jquery-ui/ui/widgets/resizable.js"></script>
<script src="/bower/jquery-ui/ui/widgets/resizable.js"></script>
<script src="/bower/jquery-ui/ui/widgets/selectmenu.js"></script>
<script src="/bower/jquery-ui/ui/widgets/slider.js"></script>
<script src="/bower/jquery-ui/ui/widgets/sortable.js"></script>
<script src="/bower/jquery-ui/ui/widgets/spinner.js"></script>
<script src="/bower/jquery-ui/ui/widgets/tabs.js"></script>
<script src="/bower/jquery-ui/ui/widgets/tooltip.js"></script>

但它失败了：

Uncaught ReferenceError: define is not defined
    jQuery 2 core.js:3:1

如果有任何关于如何单独包含 JQuery-UI 库的文档，非常感谢您指点我。

Answer 1

好的，我找到了正确的顺序，以及一些必须完全删除才能正常工作的东西。

core.js 库给出了指示：

# cat ui/core.js
// This file is deprecated in 1.12.0 to be removed in 1.13
...

NB jquery-1-7.js 文件不是 JQuery，而是一个向后兼容的库：/

所以，这就是我现在所拥有的：

<script src="/bower/jquery/dist/jquery.min.js"></script>

<!-- <script src="/bower/jquery-ui/jquery-ui.js"></script>
-->

<!-- <script src="/bower/jquery-ui/ui/core.js"></script>
-->

<script src="/bower/jquery-ui/ui/version.js"></script>
<script src="/bower/jquery-ui/ui/data.js"></script>
<script src="/bower/jquery-ui/ui/disable-selection.js"></script>
<script src="/bower/jquery-ui/ui/focusable.js"></script>
<script src="/bower/jquery-ui/ui/form.js"></script>
<script src="/bower/jquery-ui/ui/ie.js"></script>
<script src="/bower/jquery-ui/ui/keycode.js"></script>
<script src="/bower/jquery-ui/ui/labels.js"></script>
<!-- <script src="/bower/jquery-ui/ui/jquery-1-7.js"></script> -->
<script src="/bower/jquery-ui/ui/plugin.js"></script>
<script src="/bower/jquery-ui/ui/safe-active-element.js"></script>
<script src="/bower/jquery-ui/ui/safe-blur.js"></script>
<script src="/bower/jquery-ui/ui/scroll-parent.js"></script>
<script src="/bower/jquery-ui/ui/tabbable.js"></script>
<script src="/bower/jquery-ui/ui/unique-id.js"></script>


<script src="/bower/jquery-ui/ui/position.js"></script>

<script src="/bower/jquery-ui/ui/form-reset-mixin.js"></script>

<script src="/bower/jquery-ui/ui/effect.js"></script>

<!-- <script src="/bower/jquery-ui/ui/effects/effect-blind.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-bounce.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-clip.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-drop.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-explode.js"></script> -->
<script src="/bower/jquery-ui/ui/effects/effect-fade.js"></script>
<!-- <script src="/bower/jquery-ui/ui/effects/effect-fold.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-highlight.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-puff.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-pulsate.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-scale.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-shake.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-size.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-slide.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/effects/effect-transfer.js"></script>
-->
<script src="/bower/jquery-ui/ui/widget.js"></script>

<!-- <script src="/bower/jquery-ui/ui/widgets/accordion.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/widgets/autocomplete.js"></script> -->
<script src="/bower/jquery-ui/ui/widgets/button.js"></script>
<script src="/bower/jquery-ui/ui/widgets/checkboxradio.js"></script>
<!-- <script src="/bower/jquery-ui/ui/widgets/controlgroup.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/widgets/datepicker.js"></script> -->
<script src="/bower/jquery-ui/ui/widgets/dialog.js"></script>

<script src="/bower/jquery-ui/ui/widgets/droppable.js"></script>
<!-- <script src="/bower/jquery-ui/ui/widgets/menu.js"></script> -->
<script src="/bower/jquery-ui/ui/widgets/mouse.js"></script>
<script src="/bower/jquery-ui/ui/widgets/progressbar.js"></script>
<script src="/bower/jquery-ui/ui/widgets/resizable.js"></script>
<!-- <script src="/bower/jquery-ui/ui/widgets/selectable.js"></script> -->
<!-- <script src="/bower/jquery-ui/ui/widgets/selectmenu.js"></script> -->
<script src="/bower/jquery-ui/ui/widgets/slider.js"></script>
<script src="/bower/jquery-ui/ui/widgets/sortable.js"></script>
<script src="/bower/jquery-ui/ui/widgets/spinner.js"></script>
<script src="/bower/jquery-ui/ui/widgets/tabs.js"></script>
<!-- <script src="/bower/jquery-ui/ui/widgets/tooltip.js"></script> -->
<script src="/bower/jquery-ui/ui/widgets/draggable.js"></script>
<!--
     <script src="/bower/jquery-ui/ui/escape-selector.js"></script>
     <script src="/bower/jquery-ui/ui/form.js"></script>
     <script src="/bower/jquery-ui/ui/ie.js"></script>
     <script src="/bower/jquery-ui/ui/plugin.js"></script>
     <script src="/bower/jquery-ui/ui/safe-active-element.js"></script>
     <script src="/bower/jquery-ui/ui/safe-blur.js"></script>
     <script src="/bower/jquery-ui/ui/version.js"></script>
-->