Skip to content

基于create-react-app创建的项目eject后,在不影响原有功能的前提下,进行了一些定制的react项目模板。

License

Notifications You must be signed in to change notification settings

JoV5/react-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

基于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本项目使用。

主要差异

  1. 使用webpack2

  2. 加入react-hot-loader3
    支持react组件的热更新

  3. 多入口
    兼容原项目结构,主要目的在于避免反复安装依赖,可以当做一个项目目录,而不是单应用 要使用多入口,需要在src和public目录下建相同的文件名项目,在启动时加入'-- app=appname'参数,示例如下:

  • npm start -- app=appname
  • npm run build -- app=appname
  • serve -s build/appname
  1. code-splitting(懒加载)
    使用lazy-load-react支持react组件的懒加载

  2. 第三方库按需分离
    需要在项目src下加入配置文件appconfig.js,参考示例配置

  3. 支持alias配置
    参考示例配置

详细差异与使用,请参考文章用create-react-app定制自己的react项目模板

一些问题

  1. 使用import()代码分离不支持chunk的重命名

  2. React Hot Loader 3 的使用及遗留问题

参考文章:

用create-react-app定制自己的react项目模板

react hot loader Migration to 3.0

react hot loader Known Limitations

React Hot Loader 3 beta 升级指南

webpack2 code-splitting-libraries

webpack2 Resolve

webpack2 Migrating from v1 to v2

About

基于create-react-app创建的项目eject后,在不影响原有功能的前提下,进行了一些定制的react项目模板。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published