基于
webpack
4 +typescript
的react
脚手架
- 基于webpack4来作为构建工具,执行
build
命令时自动进行tree shaking
和scope hoisting
优化 - 基于ts-load解析
typescript
- 基于postcss管理css,使用了precss和cssnext插件
- 除了webpack自带的优化外,本框架还用了hard-source-webpack-plugin插件进行了缓存处理
- 基于rimraf,解决了每次
npm run build
后dist文件夹里会残留之前的文件问题
- 因为webpack-dev-server打开浏览器是直接使用opn,而非create-react-app会使用react-dev-utils/openBrowser对苹果谷歌做优化处理,所以每次重启服务时都会重新打开一个浏览器tab页。