良い一日。
ブラウザでの新しいEcmaScript 6標準のサポートはますます近づいています。新しいES6機能を使用して開発を開始したい人は、この目的のテンプレートプロジェクトを検討することをお勧めします。
github.com/DavidKlassen/es6-browser-boilerplate を 紹介 します 。
テンプレートは
github.com/babel/babel-library-boilerplateに基づいてい
ましたが、gulpfile.jsは完全にクリーンアップされ、簡素化されました。 依存関係の多くを削除し、ブラウザー用のアプリケーションの開発に必要な機能を残しました。
私が追求した主な目標：
- テンプレートは、SPAおよびサードパーティSDKの開発の出発点として適切です。
- ミニマリズムと拡張性。
- すべてのコード、つまり、アプリケーション自体とテストは、ES6で作成できます。
作業環境
作業環境の要件はかなり標準的であり、JavaScriptで開発している場合はすべてがインストールされている可能性が高いです。
NodeJSまたは
io.js 、
NPM 、
Gulp 、
BowerおよびJava 7+が必要です（Google Closure Compilerが縮小に使用されるため、Javaが必要です） UPD2を参照してください。
テンプレート機能
使い方
プロジェクトをダウンロードして作業用に準備するのは非常に簡単です。
$ git clone git@github.com:DavidKlassen/es6-browser-boilerplate.git $ cd es6-browser-boilerplate $ npm run setup
その後、.gitを削除してコーディングを開始できます。
利用可能なgulpタスクのリスト：
- gulp
gulp lint -ESLintおよびJSCSを使用してコード品質チェックをgulp lintます。 gulp test:unit単体テストを実行します。gulp coverage単体テストを実行し、テストを含むコードカバレッジに関するレポートを生成します。gulp test:integrationカルマを使用してブラウザーで統合テストを実行します。gulp testすべてのテストを実行します。gulp browserifyブラウザーで使用できるスクリプトを作成します。gulp compileスクリプトの縮小バージョンをビルドします。gulp build両方のバージョンのスクリプトを収集します。gulpデフォルトタスク。コード検証、テスト、プロジェクトアセンブリを実行します。
改善したいこと
すべてのテストファイルのテストフレームワークをグローバルに接続するなどのささいなことや、gulpfileのマイナーな改善に加えて、ADVANCED_OPTIMIZATIONSモードでのGoogle Closure Compilerとgccアノテーションに基づく静的型分析を使用できるようにします。
そしてもちろん、フィードバック、提案、プルクエストを待っています。 ご清聴ありがとうございました！ :)
UPD：コメントでは、開発者のマシンでのJavaの普及について論争があったので、投票を追加します。 マシンにjavaがあるかどうかわからない場合は、次を実行します：
java -versionUPD2：ワーカーのリクエストにより、Googleクロージャーコンパイラーをuglifyjsに置き換えました。