如何使用browserify，babel，eslint，react/jsx和jest（no gulp/grunt）來設置應用程序？

Question

我想安裝使用

1. Browserify
2. BabelJS
3. ESLint
4. 陣營（與JSX）
5. 玩笑

故宮作爲任務管理器（沒有一口一個應用程序| grunt | brocoli）

Answer 1

首先您需要使用npm安裝所有這些庫。

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

軟件包名稱self解釋了lib的安裝。

Browserify：

假設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 documentation

ESLINT

如果使用ESLint您是第一次，你應該建立一個配置文件使用eslint --init然後你需要一個新的腳本添加到package.json。

例如：

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

注意，你需要指定你想在上面的命令皮棉所有的源文件。