如何使用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" 

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