作者：鑫瑜Twinkle | 来源：互联网 | 2023-08-22 21:55
1、create-react-app优点：无需配置：官方的配置堪称完美，几乎不用你再配置任何东西，就可以上手开发项目。高集成性：集成了对React，JSX，ES6和Flow的支持。
1、create-react-app
优点：
- 无需配置：官方的配置堪称完美，几乎不用你再配置任何东西，就可以上手开发项目。
- 高集成性：集成了对React，JSX，ES6和Flow的支持。
- 自带服务：集成了开发服务器，你可以实现开发预览一体化。
- 热更新：保存自动更新，让你的开发更简单。
- 全兼容性：自动处理CSS的兼容问题，无需添加-webkit前缀。
- 自动发布：集成好了发布成品功能，编译后直接发布，并且包含了sourcemaps功能。
安装：
windows系统下：
npm install -g create-react-app
Liunx和Mac电脑下：
sudo npm install -g create-react-app
创建项目：
create-react-app my-app
启动服务：
npm start
2、generator-react-webpack：需要yeoman支持
优点：
- 基于webpack构建，可以很容易的配置自己需要的webpack。
- 支持ES6，集成了Babel-Loader。
- 支持不同风格的CSS（sass，less，stylus）。
- 支持PostCSS转换样式。
- 集成了esLint功能。
- 可以轻松配置单元测试，比如Karma和Mocha
安装：
npm install -g yo
npm install -g generator-react-webpack
创建项目：
mkdir react-demo
进去项目下，生成项目目录：
yo react-webpack
启动：
npm start
京公网安备 11010802041100号