📦 Parcel v1.6.0: Zero Config ES6+ and JSX, Node and Electron Targets, Bundle Statistics, and more! 🚀

  • 🐠 Zero config ES6+ transpilation with Babel — It’s now even easier to get your projects started with even less configuration: .babelrc is now optional! Parcel automatically compiles ES6+ (including node_modules!) for you using babel-preset-env, and you can easily override the default browser targets by specifying a browserslist key in your package.json.
  • ⚛️ Automatic JSX support for React and Preact — JSX support is now also completely automatic! If you’re writing React or Preact apps, you no longer need a .babelrc file to get started. Parcel automatically detects that you’re using React or Preact and enables JSX for you. 👌
  • 🌐 Node and Electron targets — Parcel now supports bundling for Node and Electron apps. Features that these environments have natively like fs inlining are disabled, and node_modules are not bundled.
  • 📊 Production bundle statistics — Parcel now reports individual bundle sizes and compile times when you build for production. Optionally, you can view a more detailed report with a breakdown of the largest files in each bundle to help you optimize!
  • 6️⃣ Node 6 support — Parcel now runs on Node 6. If you’re not already running the latest and greatest Node version, Parcel will now work for you.
  • W3C WebManifest support — important for Progressive Web Apps, Parcel now parses .webmanifest files linked to from your HTML files and processes dependencies such as homescreen icons, and service workers.
  • 👌 Many bugfixes and improvements!

Zero Config Babel Transpilation

Automatic JSX support for React and Preact

Node and Electron Targets

  1. Dependencies that are not relative (such as import express from 'express';) are assumed to be from node_modules and are left as is. Relative dependencies, such as import car from './car'are still bundled.
  2. fs.readFileSync is left as is.
  3. Globals such as Buffer or __dirname are left as is.
  4. Hot Module Loading runtime is not added (for --target=node).

Production Bundle Statistics

Try it out!

--

--

--

Full stack JavaScripter. Blogger at @badass_js. Audio hacker @audiocogs. Engineer @storify & @livefyre.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

JavaScript WTF

Animating your component with React-Move

Downloadable iCalendar Files

Most frequently asked topics in javascript interview — Part I

Most Common JavaScript Array Methods ..

Getting started with sensenet ECM using Aurelia Framework

Using JQuery Raty with Ruby on Rails

Fantasy Premier League API authentication guide(using node.js)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
devongovett

devongovett

Full stack JavaScripter. Blogger at @badass_js. Audio hacker @audiocogs. Engineer @storify & @livefyre.

More from Medium

Jest tests failed when using csv-parse/sync library

State management in React with redux vanilla

React.js— Part 2

React Modal the reusable way (TS)