如何在HTML5 Boilerplate中包含插件(单个.js文件中的插件,本地测试)

时间:2013-06-20 10:14:11

标签: javascript jquery-plugins include local html5boilerplate

我正在测试HTML5 Boilerplate,但我不太了解如何设置plugins.js文件。

我试图手动复制插件的内容,如下所示:

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

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

//and so on...

但它耗费时间并且难以维护。

然后我尝试使用“供应商”文件夹并从那里加入:

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

但是在本地测试时我得到以下错误(Chrome控制台):

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. 

怎么办?我希望将所有插件都放在一个文件夹中(例如“供应商”),然后以某种方式加载它们。

同样是一个自动解决方案,它接受.js-plugin文件并将它们组合成一个,这很酷。但我没有看到任何易于使用的解决方案(我不是那种技术)......

我需要在本地测试,因为我使用的是一些设计工具,这些工具无法通过服务器运行。我在OSX,如果它有任何区别。

非常非常感谢任何帮助!

0 个答案:

没有答案