HTML5 ボイラープレートをテストしていますが、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.
何をすべきか?すべてのプラグインをフォルダー (例: "vendor") に入れてから、何らかの方法でロードすることをお勧めします。
また、すべての .js-plugin-files を取得して 1 つに結合する自動化されたソリューションもクールです。しかし、私はその上で使いやすいソリューションを見たことがありません(私はそれほど技術的ではありません)...
サーバー経由では機能しない設計ツールを使用しているため、ローカルでテストする必要があります。違いがあれば、私はOSXを使用しています。
どんな助けでも大歓迎です!