🚀 Jetpack – webpack made more convenient.
Jetpack wraps webpack to create a smoother developer experience. Jetpack can be used instead of webpack, webpack-cli, webpack-dev-server and webpack-dev-middleware without writing any configuration. Jetpack is a thin wrapper around webpack, and can be extended with any of the webpack configuration.
- Preconfigured Babel with
@babel/preset-react, configurable via
- Preconfigured PostCSS with
postcss-preset-envincluding autoprefixing, configurable via
- CSS modules available by switching one config flag.
- Automatic JSX detection switches between
hdepending on dependencies.
- Automatic chunk splitting with inlined runtime and HTML generation.
- Smooth workflow for simultaneously developing client and server applications.
- Single dependency with hassle-free updates.
- Run anywhere without installing locally, just like
Why use jetpack? To avoid rolling your own custom webpack config or having to paste it from old projects. Jetpack has a set of defaults that should get you off the ground quickly. And with the
proxy config or universal
jetpack/serve middleware you don’t have to worry about wiring up webpack dev middleware or dev server – everything just works.
Install globally or locally:
$ npm install -g jetpack
In your project with
index.js, start your app on
To build the app for production to a
$ jetpack build
Inspect the bundle size and make up:
$ jetpack inspect
Use jetpack anywhere, anytime
$ jetpack ~/Desktop/magic.js
Or any project on your machine:
$ jetpack --dir ~/projects/manyverse
We are a world class software startup focusing on building scalable, high-performance web & mobile application. We have started our journey back in 2015. And in those years we have provided support for more than 15 thousand customers over the world. We build products that create values. RedQ, Inc