How to enable plugins in HTML5 Boilerplate (plugins in separate .js files, local testing)

I am testing the HTML5 Boilerplate, but I do not quite understand how to configure the plugins.js file.

I tried to copy the contents of the plugins manually, for example:

(function($){ //minimized source of plugin #1 })(this.jQuery); (function($){ //minimized source of plugin #2 })(this.jQuery); //and so on... 

But it took a long time and was difficult to maintain.

Then I tried using the "vender" folder and including it there:

 $.getScript("vendor/waypoints.min.js", function(){ alert("Success"); }); 

But when testing locally, I get the following errors (Chrome console):

 OPTIONS file:///Users/myusername/Sites/H5BPtest/js/vendor/waypoints.min.js?_=1371722230114 Origin null is not allowed by Access-Control-Allow-Origin. XMLHttpRequest cannot load file:///Users/myusername/Sites/H5BPtest/js/vendor/waypoints.min.js?_=1371722230114. Origin null is not allowed by Access-Control-Allow-Origin. 

What to do? I would prefer to have all the plugins in the folder (for example, "provider") and then load them somehow.

Also an automatic solution that uses .js-plugin files and merges them into one would be cool. But I have not seen any easy-to-use solutions (I'm not so technical) ...

I need to test locally because I use some design tools that do not work through the server. I'm on OSX if that matters.

Any help would be very, very appreciated!

0
source share

Source: https://habr.com/ru/post/955093/


All Articles