beidou-webpack

beidou webpack middleware


Keywords
beidou, plugin, webpack, auto-router, css-module, egg-framework, enterprise-framework, es6, isomorphic, node-framework, react-performance, react-server-render, server-rendered, server-side-rendering, ssr, universal
License
MIT
Install
npm install beidou-webpack@2.2.1

Documentation

Beidou

🌌 Isomorphic framework for server-rendered React apps

NPM version build status Test coverage NPM Downloads Gitter Node

Chinese Documentation - δΈ­ζ–‡ζ–‡ζ‘£

Features

  • βœ”οΈŽ High performance, 2-5 times speedup compares to client-side rendering
  • βœ”οΈŽ Search engine optimization(SEO)
  • βœ”οΈŽ ES6/ES7/ES8 supported
  • βœ”οΈŽ TypeScript supported
  • βœ”οΈŽ React renderToNodeStream supported
  • βœ”οΈŽ SCSS/Sass with autoprefixer supported
  • βœ”οΈŽ Auto router supported
  • βœ”οΈŽ Extends default webpack config supported
  • βœ”οΈŽ View rendering middleware supported
  • βœ”οΈŽ User-friendly CLI tool
  • βœ”οΈŽ Lots of plugins

Release 2.0

New Features

  • BREAKING CHANGE: Upgrade internal babel to 7

  • BREAKING CHANGE: Upgrade internal webpack to 4

  • Completely TypeScript Support, enable with one line config:

// package.json

{
  "config": {
    "typescript": true
  }
}

see typescript example for more detail.

Quick start

$ npm install beidou-cli -g
$ beidou init
$ npm run dev

Navigate to http://localhost:6001/

Boilerplate

Documentation

Articles

Performance

  • Isomorphic rendering performance VS client side rendering performance in 3G network

isomorphic vs performance

  • Performance comparison in different network environment

isomorphic vs performance

Need Help?

Please let us know how can we help. Do check out issues for bug reports or suggestions first.

DingTalk group supported

DingTalk Group Number: 23374510

License

MIT