1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/xuhongling-create-react-app

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 1.8 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
xuhongling Отправлено 04.12.2018 09:45 a5ac047

create-react-app

这是个 React-Babel-Webpack 项目的脚手架。您可以将其用作构建自己的Web应用程序的基础。

特征

  • 使用Webpack 4构建
  • 配备了ReactES6Babel 7
  • 配置了ESLint,根据自己代码风格个性化配置
  • 配置了Service Worker,生产环境直接生成PWA离线网页应用
  • 打包配置好了图片压缩,字体打包,js,css代码目录分离
  • 结合了koa生成mock假数据模拟
  • 结合了react-reduxreact-router一些使用代码
  • 开发环境自动在Webpack加载时打开一个新的浏览器选项卡,并修改项目代码时不刷新页面更新
  • public文件夹存放静态文件,不经过Webpack打包处理,一些特殊的代码文件可以存在在这里
  • 可以在Webpack配置文件找到APP_URL,方便在「生产/开发」构建中使用不同的服务URL(Service URLs)
  • 直接修改src目录下文件,编写自己的项目代码

如何使用

首先,克隆下载。

$ git clone https://gitee.com/xuhongling/create-react-app < yourAppName >
$ cd  < yourAppName >

接着,安装依赖关系。(建议使用阿里源或者cnpm)

$ npm install

然后,启动假数据模拟接口。

$ npm run mock

最后,启动应用程序。

$ npm start

现在你应该在http://127.0.0.1:8088中看到一个新的浏览器窗口/标签打开的react项目样板了

如何打包

你开始在src目录中开发自己的代码。编码完成后,使用npm run buil构建静态文件,在新生成的build目录中可以看到打包好的项目。

$ npm run buil

可以启动本地服务。

$ npm run server

现在你应该在http://127.0.0.1:8081中看到一个新的浏览器窗口/标签打开的react项目打包好的项目了

执照

MIT

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/xuhongling-create-react-app.git
git@api.gitlife.ru:oschina-mirror/xuhongling-create-react-app.git
oschina-mirror
xuhongling-create-react-app
xuhongling-create-react-app
master