HTML5Boilerplate js结构

Question

我想知道是否有人可以检查我对HTML5Boilerplate js目录的预期用途的理解。我知道我希望在main.js上放置我创作的所有网站特定的javascript。我会在Plugins.js中放置所有使用过的jQuery插件。在构建过程中，main.js和plugins.js都将被连接和缩小。Vendor.js拥有javascript库。这个目录将会缩小(除非它已经缩小了)，但不会串连。

如果这是真的，那么我的问题是，像可爱的滑块这样具有模块化结构的东西应该放在哪里？我在想，我想把它缩小并连接起来，这样它就不会出现在供应商目录中。我不相信我可以将cuteslider的javascript添加到main.js或plugins.js中，而不破坏它的模块化结构。我是否应该创建一个新的目录，并将其命名为类似于app的名称，以保存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当做一个插件。

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

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

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

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