javascript - HTML5 样板 js 结构

Question

我想知道是否有人可以检查我对 HTML5Boilerplate js 目录的预期用途的理解。我知道 main.js 是我应该放置我编写的所有站点特定 javascript 的地方。 Plugins.js 是我放置所有使用的 jQuery 插件的地方。 main.js 和 plugins.js 都将被构建过程连接起来并缩小。 Vendor.js 包含 javascript 库。此目录将被缩小(除非它已经缩小)但不会串联。

如果这是真的，那么我的问题是像可爱的 slider 这样具有模块化结构的东西应该放在哪里？我在想我希望它被缩小和连接起来，所以它不应该进入 vendor 目录。我不相信我可以在不破坏它的模块化结构的情况下将 cuteslider 的 javascript 添加到 main.js 或 plugins.js。我是否应该创建一个新目录，并将其命名为应用程序之类的名称，以保存 cuteslider 代码，然后修改构建代码以缩小并连接它？

这是 cuteslider 的代码结构片段

cute
    cute.2d.module.js
    cute.canvas.module.js
    cute.css3d.module.js
    cute.gallery.plugin.js
    cute.slider.js
    cute.transitions.all.js

Answer 1

首先你必须考虑将 cuteslider 作为一个插件。

添加所需的文件以使插件正常工作(cute.slider.js、cute.transitions.all.js 和 respond.min.js) 在 plugins.js 中。

然后在 main.js 中添加 js 以将 slider 加载到您的页面中

$(document).ready(function() {
        // code here to load cuteslider
});

模块化外观只能在 main.js 文件中设置。