HTML5Boilerplate js结构

Question

我想知道是否有人可以检查我对HTML5Boilerplate js目录的预期目的的理解。我知道main.js是我希望放置我创作的所有特定于网站的javascript的地方。 Plugins.js是我放置所有jQuery插件的地方。 main.js和plugins.js都将通过构建过程连接和缩小。 Vendor.js拥有javascript库。该目录将被缩小（除非它已经缩小）但没有连接。

如果这是真的，那么我的问题是应该放置具有模块化结构的可爱滑块？我想我希望它被缩小和连接，所以它不应该进入供应商目录。我不相信我可以将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 < / em>）在plugins.js。

然后添加js以将滑块加载到 main.js 中的页面

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

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