我想使用设置应用程序
> Browserify@H_404_2@> BabelJS@H_404_2@> ESLint@H_404_2@> React(使用jsx)@H_404_2@>开玩笑
Npm作为任务经理(没有gulp | grunt | brocoli)
首先,您需要使用npm安装所有这些库.
npm install --save-dev eslint,browserify,babelify,jest-cli@H_403_14@包名称自我解释安装了什么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" }@H_403_14@ES6和JSX
要编译ES6和JSX,请将以下内容添加到package.json:
"browserify": { "transform": [ "babelify" ] }@H_403_14@现在,browserify将您的ES6和JSX语法转换为纯Javascript 5.有关更多转换,请查看https://github.com/substack/node-browserify/wiki/list-of-transforms.
笑话
要使用Jest,请将以下内容添加到package.json中.
"scripts": { "test": "" }@H_403_14@之后,您可以使用npm test运行测试. Jest documentation
ESLINT
如果您是第一次使用ESLint,则应使用eslint –init设置配置文件,然后需要向package.json添加新脚本.
例如:
"lint" : "eslint app/*.js"@H_403_14@注意,您需要在上面的命令中指定要作为lint的所有源文件.