@parcel/core

What is @parcel/core?

@parcel/core is a zero-configuration build tool for web applications. It provides a fast, scalable, and easy-to-use solution for bundling, transforming, and optimizing web assets.

What are @parcel/core's main functionalities?

Bundling

This code demonstrates how to use @parcel/core to bundle a web application starting from an entry HTML file. The bundler is configured with default settings and runs the build process.

const { Parcel } = require('@parcel/core');
const bundler = new Parcel({
  entries: 'src/index.html',
  defaultConfig: '@parcel/config-default'
});

bundler.run().then(() => {
  console.log('Build completed!');
}).catch(err => {
  console.error('Build failed:', err);
});

Transforming

This code shows how to use @parcel/core to transform a JavaScript file. The transformer is configured with default settings and processes the specified file.

const { Transformer } = require('@parcel/core');
const transformer = new Transformer({
  filePath: 'src/app.js',
  config: '@parcel/config-default'
});

transformer.transform().then(result => {
  console.log('Transformation result:', result);
}).catch(err => {
  console.error('Transformation failed:', err);
});

Optimizing

This code illustrates how to use @parcel/core to optimize a bundled JavaScript file. The optimizer is configured with default settings and processes the specified file.

const { Optimizer } = require('@parcel/core');
const optimizer = new Optimizer({
  filePath: 'dist/bundle.js',
  config: '@parcel/config-default'
});

optimizer.optimize().then(result => {
  console.log('Optimization result:', result);
}).catch(err => {
  console.error('Optimization failed:', err);
});

Other packages similar to @parcel/core

webpack

Webpack is a popular module bundler for JavaScript applications. It offers a highly configurable and extensible platform for bundling, transforming, and optimizing web assets. Compared to @parcel/core, Webpack requires more configuration but provides greater flexibility and control over the build process.

rollup

Rollup is a module bundler for JavaScript that focuses on producing smaller and faster bundles by leveraging ES6 modules. It is particularly well-suited for library development. Compared to @parcel/core, Rollup is more specialized and may require additional plugins for certain features.

esbuild

Esbuild is an extremely fast JavaScript bundler and minifier. It is designed to be highly performant and can handle large codebases with ease. Compared to @parcel/core, esbuild is focused on speed and simplicity, but may lack some of the advanced features and integrations available in Parcel.

README

The README file is missing

Changelog

[2.8.3] - 2023-01-18

• Core
  • filter out title execArgv to workers – Details
• Bundler
  • Fix CSS order when merging type change bundles – Details
  • Fix assertion error when mixing CSS modules and non-modules – Details
  • Fix set diff – Details
  • Recursively check reachability when removing asset graphs from bundles in deduplication – Details
• JavaScript
  • Don't retarget dependencies if a symbol is imported multiple times with different local names – Details
  • Fix assigning to this in CommonJS – Details
  • Bump SWC to fix dead branch removal bug – [Details](https://github.com/parcel-bundler/parcel/pull/8742
  • Bump swc to fix sourcemaps with Windows line endings – Details
  • Add test cases for ESM initialization problems – Details
• TypeScript
  • Fix TSC sourcemaps metadata – Details
• HTML
  • Fix srcset parsing – Details
• Dev server
  • Apply HMR updates in topological order – Details
  • Fixed the hmr connection with host 0.0.0.0 – Details