Minify CSS as postprocess step

bqqbarbhg · Oct 17, 2021 · 46ec1fc · 46ec1fc
1 parent 7555db4
commit 46ec1fc
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/build/css-modules-plugin.js b/build/css-modules-plugin.js
@@ -34,7 +34,6 @@ const CssModulesPlugin = () => ({
             return scopedName
           },
         }),
-        cssnano({ preset: 'default' }),
       ]).process(await fs.readFile(filePath))
 
       cssContent[filePath] = css
@@ -46,12 +45,14 @@ const CssModulesPlugin = () => ({
 
     build.onEnd(async () => {
       const bundlePath = resolve(build.initialOptions.outdir, 'index.css')
-      await fs.writeFile(
-        bundlePath,
+
+      const { css } = await postcss([cssnano({ preset: 'default' })]).process(
         Object.keys(cssContent)
           .map((key) => cssContent[key])
           .join('\n')
       )
+
+      await fs.writeFile(bundlePath, css)
     })
   },
 })