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）在plugins.js。

然後在main.js添加JS加載滑塊到您的網頁作爲

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

模塊化的外觀必須在main.js文件只設置。