Parcel prints syntax highlighted code frames when it encounters errors to help you pinpoint the problem.

Parcel automatically updates modules in the browser as you make changes during development, no configuration needed.

Using the dynamic import() syntax, Parcel splits your output bundles so you only load what is needed on initial load.

Code is automatically transformed using Babel, PostCSS, and PostHTML when needed - even node_modules .

Parcel has out of the box support for JS, CSS, HTML, file assets, and more - no plugins needed.

Parcel uses worker processes to enable multicore compilation, and has a filesystem cache for fast rebuilds even after a restart.

Hello World

Start with the entry HTML file for your application. Parcel follows the dependencies from there to build your whole app.

✏️ index.html < html > < body > < script src = "./index.js" > </ script > </ body > </ html > 🛠 index.js import main from './main' ; main(); 🛠 main.js import classes from './main.css' ; export default () => { console .log(classes.main); }; 💅 main.css .main { background : url ( './images/background.png' ); color : red; }