基于create-react-app创建的项目eject后,在不影响原有功能的前提下,进行了一些定制的react项目模板。
命令行创建react项目移步mult-react-scripts 若未安装create-react-app,先安装
npm install create-react-app -g
然后创建项目
create-react-app appname --scripts-version mult-react-scripts
或者直接clone本项目使用。
-
使用webpack2
-
加入react-hot-loader3
支持react组件的热更新 -
多入口
兼容原项目结构,主要目的在于避免反复安装依赖,可以当做一个项目目录,而不是单应用 要使用多入口,需要在src和public目录下建相同的文件名项目,在启动时加入'-- app=appname'参数,示例如下:
- npm start -- app=appname
- npm run build -- app=appname
- serve -s build/appname
-
code-splitting(懒加载)
使用lazy-load-react支持react组件的懒加载 -
第三方库按需分离
需要在项目src下加入配置文件appconfig.js,参考示例配置 -
支持alias配置
参考示例配置
详细差异与使用,请参考文章用create-react-app定制自己的react项目模板
-
使用import()代码分离不支持chunk的重命名
-
React Hot Loader 3 的使用及遗留问题
用create-react-app定制自己的react项目模板
react hot loader Migration to 3.0
react hot loader Known Limitations