Plugins

ParcelCSS

The ParcelCSS plugin load and transform your CSS files using ParcelCSS processor. This plugin is disabled by default so to enable it you have to import and use it in the _config.js file:

import parcelCSS from "lume/plugins/parcel_css.ts";

site.use(parcelCSS());

Configuration

This plugin accepts a configuration object. The available options are:

Example with the default configuration:

site.use(parcelCSS({
  extensions: [".css"],
  sourceMap: false,
  options: {
    minify: true,
    drafts: {
      nesting: true,
      customMedia: true,
    },
    targets: {
      android: 98,
      chrome: 98,
      edge: 98,
      firefox: 97,
      ios_saf: 15,
      safari: 15,
      opera: 83,
      samsung: 16,
    }
  },
}));