Parcel Versions Save

This release updates Parcel's default CSS transformer and minifier to use @parcel/css! This offers both improved both build performance and better minification. It also brings automatic transpilation of CSS for your browser targets, just like we have for JavaScript – no configuration needed.

For most projects, this update should be seamless. Read our blog post for more upgrade instructions, and check out the updated CSS docs for full details on all of the new features.

In addition, this release includes several other improvements and bug fixes:

Added

• Replace typeof before dead code elimination to improve bundle size - Details
• Human readable file size in bundle analyzer report - Details
• Improve emoji support detection - Details
• Enable parsing static class initialization blocks - Details
• Use PORT environment variable from .env files - Details
• Use new react-jsx transform in React 16.14.0 - Details
• Use relative path for bundle labels in bundle analysis - Details
• Load dynamic imports at higher network priority in non-ESM builds - Details

Fixed

• Pin lmdb to 2.2.3 - Details
• Prevent term-size from being bundled - Details
• Fix cache when non-ascii chars are used in path - Details
• Bump SWC. Fixes issue with String constructor. - Details
• Fix DCE with PURE comments - Details
• Escape double quote of url value in CSS url() - Details
• Fix documentation comment in API - Details
• Fix package.json source field resolution with pnpm - Details
• Fix errors.map is not a function - Details

This fixes an issue with auto installing node builtins where the npm package has the same name as the node builtin itself. See #7697.

Followup release to v2.3.0 to improve the error message shown when auto install is disabled (e.g. in CI environments) and a node polyfill is needed. This may occur for example when using automated dependency upgrade bots like renovate/dependabot.

This also fixes a bug where auto install did not work correctly in some cases, and pins all parcel dependency versions so that it is easier to pin parcel to a specific version in your project.

This release reduces the number of npm dependencies needed by Parcel by over 60%. This builds upon previous work in 2.2.0, so combined Parcel now installs over 70% fewer dependencies! This is accomplished by:

• Pre-bundling some dependencies with Parcel itself rather than loading them from npm. This is done for packages that are small and internal to Parcel (i.e. you don't interact with them directly in your project). This reduces maintenance burden for users of Parcel.
• Auto installing node builtin polyfills on demand (e.g. buffer, stream, etc.). These are rarely used but account for a large number of installed dependencies. Now, when you use one of these, or a dependency in your project does, it'll be installed into your project on demand.
• Removing built-in Babel and PostCSS modules dependencies, and installing them into projects on demand, only when actually used.

We will continue reducing Parcel's footprint in future releases by further reducing our use of dependency-heavy ecosystems such as PostCSS as we replace them with Rust-based equivalents.

Other changes

• Support React 18 prereleases and experimental versions with automatic JSX runtime - Details
• Fix @swc/helpers in non-module scripts - Details
• Fix auto installing dependencies in PNPM monorepos - Details

Fixed

• Fix background image data urls missing quotes - Details
• Fix development builds not downleveling nested selectors with @parcel/css. Now Parcel has default modern browser targets. - Details
• Upgrades htmlnano to v2 to remove uncss which had a dependency on a vulnerable old version of PostCSS - Details
• Upgrades postcss-modules and removes css-module-loader-core with old PostCSS dependencies - Details
• Upgrade Vue compiler - Details
• Upgrade SVGR to v6 - Details
• Upgade JSON5 to v2 - Details
• Don't discard invalidations when transformer throws an error - Details

Added

• New @parcel/transformer-css-experimental plugin, which is powered by @parcel/css - Details

Fixed

• Updated node-forge to 1.0.0 to fix security vulnerability

Changelog

Changelog

New Contributors

• @Shinyaigeek made their first contribution in https://github.com/parcel-bundler/parcel/pull/7295
• @ConnorMooneyhan made their first contribution in https://github.com/parcel-bundler/parcel/pull/7314
• @mrkldshv made their first contribution in https://github.com/parcel-bundler/parcel/pull/7236
• @bhovhannes made their first contribution in https://github.com/parcel-bundler/parcel/pull/7363
• @JensPfeifle made their first contribution in https://github.com/parcel-bundler/parcel/pull/7326
• @wardpeet made their first contribution in https://github.com/parcel-bundler/parcel/pull/7369
• @astralbody made their first contribution in https://github.com/parcel-bundler/parcel/pull/7451
• @merceyz made their first contribution in https://github.com/parcel-bundler/parcel/pull/7506

https://github.com/parcel-bundler/parcel/blob/v2/CHANGELOG.md#201---2021-11-08

New Contributors 😍

• @RuyiLi made their first contribution in https://github.com/parcel-bundler/parcel/pull/7056
• @sibbng made their first contribution in https://github.com/parcel-bundler/parcel/pull/7079
• @mkaraula made their first contribution in https://github.com/parcel-bundler/parcel/pull/7192
• @arty-name made their first contribution in https://github.com/parcel-bundler/parcel/pull/7193
• @v-rr made their first contribution in https://github.com/parcel-bundler/parcel/pull/7184
• @ch99q made their first contribution in https://github.com/parcel-bundler/parcel/pull/7250
• @Thesoreon made their first contribution in https://github.com/parcel-bundler/parcel/pull/7248

https://parceljs.org/blog/v2/