Coder Social home page Coder Social logo

sofn / react-ts-multientry Goto Github PK

View Code? Open in Web Editor NEW
19.0 1.0 11.0 12 KB

React + TypeScript + Router + Mobx + Antd + 多页面开发模板(免eject)

JavaScript 55.07% HTML 2.50% CSS 3.65% TypeScript 38.78%
react typescript reactrouterdom mobx antd multipage-static-websites hot-reload create-react-app create-react-app-typescript create-react-app-no-eject

react-ts-multientry's Introduction

React + TypeScript + Router + Mobx + Antd + 多页面开发模板(免npm run eject)

1.基础模板: create-react-app

2.开发模式

  • src/setupProxy.js配置代理
  • 执行
    npm run start 或 yarn run start

打开:http://localhost:3000/ 默认index页面 打开:http://localhost:3000/admin.html 打开admin页面

3.构建线上文件

  • 执行
    npm run build 或 yarn run build

build目录下将生成两个html文件: index.html和admin.html 分别对应连个entry入口

4.构建过程

多页面开发参考文章:https://segmentfault.com/a/1190000017858725
需要改动的地方: require.resolve('./node_modules/react-scripts/config/polyfills.js')
改成
require.resolve('react-app-polyfill/stable')

Mobx支持及静态类型支持参考:src/index/components/header/Header.tsx

Router支持参考:src/index/components/header/Header.tsx

react-ts-multientry's People

Contributors

sofn avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

react-ts-multientry's Issues

打包速度慢

页面增多(20左右),打包会非常慢。有时会导致内存崩溃。有什么更好的方案吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.