???? 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