Switch to Lightning CSS for minification

jeffkreeftmeijer · May 3, 2024 · 80dbf0c · 80dbf0c
1 parent fc9c385
commit 80dbf0c
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 40 deletions.
diff --git a/enough.css.org b/enough.css.org
@@ -128,31 +128,12 @@ The /border-collapse/ property is used to combine the borders of adjacent cells.
 
 ** Minification
 
-#+headers: :exports none
-#+headers: :tangle postcss.config.js
-#+begin_src js
-module.exports = {
-  plugins: [
-    require('cssnano')({
-      preset: 'default',
-    }),
-  ],
-};
-#+end_src
-
-A minified version of enough.css is bundled in /enough.min.css/
-It's generated by passing the source file through [[https://postcss.org][PostCSS]], which is configured to use [[https://cssnano.co][cssnano]].
-Use NPM's install command to install the dependencies:
-
-#+begin_src shell
-  npm install
-#+end_src
-
-Then, minify enough.css through npx:
+A minified version of enough.css is bundled in /enough.min.css/.
+It's generated by passing the source file through [[https://lightningcss.dev][Lightning CSS]]:
 
 #+name: minify
-#+begin_src shell :prologue npm install > /dev/null
-  npx postcss enough.css > enough.min.css
+#+begin_src shell
+  lightningcss --minify enough.css > enough.min.css
 #+end_src
 
 ** Git pre-commit hook

diff --git a/enough.min.css b/enough.min.css
diff --git a/flake.nix b/flake.nix
@@ -13,8 +13,8 @@
           {
             devShells.default = pkgs.mkShell {
               buildInputs = with pkgs; [
-                nodejs
                 emacs-nox
+                lightningcss
               ];
             };
           });

diff --git a/package.json b/package.json
diff --git a/postcss.config.js b/postcss.config.js
diff --git a/scripts/pre-commit b/scripts/pre-commit
@@ -1,2 +1,2 @@
 #/bin/sh
-npx postcss enough.css > enough.min.css
+lightningcss --minify enough.css > enough.min.css