8

を使用してアプリをセットアップしたい

  1. ブラウザ化
  2. BabelJS
  3. ESLint
  4. React(jsxあり)
  5. 冗談

タスクマネージャーとしての Npm (gulp|grunt|brocoli なし)

4

1 に答える 1

13

まず最初に、これらのライブラリをすべて でインストールする必要がありますnpm。

npm install --save-dev eslint, browserify, babelify, jest-cli

パッケージ名は、どのライブラリがインストールされているかを説明しています。

ブラウザ化:

app/index.jsそれがルートファイルであると仮定します。次のスクリプトを追加して、ソース ファイルをビルドおよび監視できます。

"scripts": {
    "build": "browserify app/index.js > public/js/bundle.js",
    "install": "npm run build",
    "watch": "watchify app/index.js -o public/js/bundle.js"
  }

ES6とJSX

ES6 と JSX をコンパイルするには、次を に追加しますpackage.json。

"browserify": {
    "transform": [
      "babelify"
    ]
  }

現在、browserify は ES6 および JSX 構文をプレーンな Javascript 5 に変換します。その他の変換については、https://github.com/substack/node-browserify/wiki/list-of-transformsを確認してください。

冗談

Jest を使用するには、以下を package.json に追加します。

"scripts": {
   "test": ""
 }

その後、 を使用してテストを実行できますnpm test。Jest のドキュメント

エスリント

ESLint を初めて使用する場合は、 を使用して構成ファイルをセットアップしeslint --init、新しいスクリプトを .xml に追加する必要がありますpackage.json。

例えば：

"lint" : "eslint app/*.js"

上記のコマンドで、lint するすべてのソース ファイルを指定する必要があることに注意してください。

于 2015-06-01T06:23:52.310 に答える