Built-in assets compression

It would be great if Lume supports this “natively”. I’ve read that we should be able to accomplish something similar by using processors, but I think HTML and CSS compression/minification could be offered out-of-the box, since it’s far too common, and (I would assume) a high percentage of developers would take advantage of this pretty much by default.

[oscarotero]

Coincidentally I was working on a experimental plugin using that library. You can see it here: https://github.com/lumeland/experimental-plugins

The usage is very simple, there’s a demo here: https://github.com/lumeland/experimental-plugins/blob/main/minify/demo/_config.ts#L8

About cssnano, it’s a good choice, but I need to investigate it better, because it’s not really a library, but a collection of other preconfigured packages (as you can see here: https://github.com/cssnano/cssnano/blob/master/packages/cssnano-preset-default/src/index.js) and it’s not ported to Deno, I think the sno2/minifier library is enough for now.

For now, I won’t include this plugin in the Lume repository because, as you said, the library looks abandoned although it works fine. To use it, just import it directly from github:

import minify from "https://raw.githubusercontent.com/lumeland/experimental-plugins/main/minify/minify.ts";

const site = lume();

site
  // You need to load css files if you want to process them
  .loadAssets([".css"])
  .use(minify({
    extensions: [".css", ".html"],
  }));

export default site;

It has some problems with javascript files, but you can use the Terser plugin that is provided by Lume.

[oscarotero]

The new incoming Lume version (1.5.0) will include the parcel_css plugin, to use Parcel CSS minifier.