use cssnano instead of clean-css for the minified CDN build

tailwindlabs · Sep 8, 2021 · 75cc3ca · 75cc3ca
1 parent f6b862c
commit 75cc3ca
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/scripts/build.js b/scripts/build.js
@@ -2,6 +2,7 @@ import fs from 'fs'
 import postcss from 'postcss'
 import tailwind from '..'
 import CleanCSS from 'clean-css'
+import cssnano from 'cssnano'
 
 function buildDistFile(filename, config = {}, outFilename = filename) {
   return new Promise((resolve, reject) => {
@@ -20,8 +21,13 @@ function buildDistFile(filename, config = {}, outFilename = filename) {
           return result
         })
         .then((result) => {
-          const minified = new CleanCSS().minify(result.css)
-          fs.writeFileSync(`./dist/${outFilename}.min.css`, minified.styles)
+          return postcss([cssnano]).process(result.css, {
+            from: `./${filename}.css`,
+            to: `./dist/${outFilename}.min.css`,
+          })
+        })
+        .then((result) => {
+          fs.writeFileSync(`./dist/${outFilename}.min.css`, result.css)
         })
         .then(resolve)
         .catch((error) => {