默认安装
一个react项目默认会安装
react: React框架的核心
react-dom: React视图渲染的核心(基于React构建WebApp-html页面)
react-native: 构建和渲染app的
react-scripts: 打包规则及相关插件/loader都隐藏起来
web-vitals: 性能检测工具
scripts
打包脚本命令如上图
start: 开发环境
build:生产环境
test: 单元测试
eject: 暴露webpack配置规则----便于后续修改默认打包规则
eslintConfig
对于webpack中eslint词法检测的相关配置
词法错误: 不符合标准规范, 如变量名等, 例如 let var = 10;
符合基本规范但不符合eslint的 代码检测规范
例如 let a = 10; // a声明了但是没有使用
browserslist
基于browserslist规范, 设置浏览器兼容情况
production: 生产环境
>0.2%: 使用率超过0.2%的浏览器
not dead: 不考虑已经dead了的浏览器, 例如ie
not op_mini all: 不考虑欧朋浏览器(Opera)
development: 开发环境
处理所需要使用的相关插件:
postcss-loader + autoprefixer: 会给css3设置相关前缀以支持不同浏览器版本
babel-loader: 将es6编译为es5或其他版本的编译
