A builder webpack project
yarn test
冒烟测试
yarn eslint
使用 eslint 规范构建脚本
-
通过多个配置文件管理不同环境的构建,webpack --config 参数进行控制
-
SSR 环境:webpack.ssr.js ......
通过 webpack-merge 组合配置
//合并配置: const merge=require('webpack-merge'); ...... module.exports=merge(baseConfig,devConfig);
-
将构建配置设计成一个库,比如:hjx-webpack、Neutrino、webpack-blocks
- 规范:Git commit 日志、README、ESLint 规范、Semver 规范
- 质量:冒烟测试、单元测试、测试覆盖率和 CI
-
抽成一个工具进行管理,比如:create-react-app,kyt,nwb
-
将所有的配置放在一个文件,通过 --env 参数控制分支选择
npm i eslint babel-eslint eslint-config-airbnb-base babel-eslint -D
eslint --fix 可以自动处理空格
npm install eslint-plugin-import@latest --save-dev
运行./node_modules/.bin/eslint lib/
然后在 pageage.json 里面 ,加上"eslint": "eslint ./lib --fix"
,运行yarn eslint
,报错数量减少
逐个根据提示改进,最后再运行yarn eslint
,直到没有提示
技术选型:Mocha+Chai 测试代码:describe,it,except 测试命令:mocha add.test.js
1、安装 mocha + chai
npm i mocha chai -D
2、新建 test 目录,并增加 xxx.test.js 测试文件 3、在 package.json 中的 scripts 字段增加 test 命令
"scripts":{
"test":"node_modules/mocha/bin/_mocha"
}
4、执行测试命令
npm riun test
// add.test.js
5、测试覆盖率 安装npm i istanbul -D
,然后在 pageage.json 里面修改 script
"scripts": {
"eslint": "eslint ./lib --fix",
"maoyan": "node test/smoke/index.js",
"unit": "./node_modules/mocha/bin/_mocha",
"fugai": "istanbul cover ./node_modules/mocha/bin/_mocha"
}
最后再次运行yarn test
or npm run test
1、接入 Travis CI使用 GitHub 账号登录 2、在https://为项目开启 3、项目根目录下新增.travis.yml