Hibop / Hibop.github.io

Hibop 个人博客
https://hibop.github.io/
23 stars 1 forks source link

关于React技术栈全家桶 #20

Open Hibop opened 6 years ago

Hibop commented 6 years ago

技术栈(依赖组件)

编译组件

autoprefixer (识别css 头 如-webkit-) babel-cli (babel 命令行) babel-core (babel 核心) babel-eslint (babel 代码规范检测) babel-loader (babel 装载) babel-plugin-import (babel import 引入) babel-plugin-react-display-name (添加显示名字给react.cerateClass) babel-plugin-transform-react-constant-elements (添加转换 jsx 节点支持) babel-plugin-transform-react-remove-prop-types (添加转换 jsx 属性支持) babel-preset-es2015 (es6 转码支持) babel-preset-latest (预置 babelrc 里面支持最新的es5 es6 es7) babel-preset-react (预置 babelrc 里面支持 react) babel-preset-stage-1 (es7 语法候选版1) babel-register (对node.js 的require 勾子) chai (测试库) chalk (命令行颜色显示组件) compression (文件压缩工具) cross-env (跨平台命令行工具, 可以运行一些unix 命令) css-loader (css 装载器) enzyme (react 测试工具 可以模拟jqery dom 循环遍历) eslint (代码规范验证) eslint-plugin-import (代码引入规范验证) eslint-plugin-jsx-ally (代码 jsx 语法规范验证) eslint-plugin-react (react 规范验证) eslint-watch (验证监听) extract-text-webpack-plugin (将文本从包中提取到文件中。) file-loader (文件加载器) json-loader (json 加载器) mocha (测试工具) node-sass (支持编译sass) npm-run-all (运行所有npm 脚本) open (运行后代开浏览器) postcss-loader (支持scss 加载器) react-addons-test-utils (react 原生测试工具) react-hot-loader (react热加载工具) redux-immutable-state-invariant (检测突变的redux 状态。仅仅用于开发环境) rimraf (unix 命令行) sass-loader(sass 加载器) sinon (独立的测试框架) sinon-chai (测试工具) style-loader (样式加载器) url-loader (图片,字体加载器)

Hibop commented 6 years ago

常用lint、lock、yaml、json等配置文件:

lint文件常用配置信息:

lint的规则级别

Hibop commented 6 years ago

React-router

https://www.jianshu.com/p/e3adc9b5f75c