[INFRA] PostCSS pipeline — package.json + postcss.config.js #4

Closed
opened 2026-04-10 14:57:51 +00:00 by vigilio · 1 comment
Owner

Wire PostCSS as Hugo's asset pipeline for CSS.

package.json deps:

  • open-props
  • postcss
  • postcss-import (resolves @import including node_modules)
  • postcss-custom-media (resolves @custom-media breakpoints)
  • cssnano (minification)

postcss.config.js:

module.exports = {
  plugins: [
    require('postcss-import'),
    require('postcss-custom-media'),
    require('cssnano')({ preset: 'default' })
  ]
}

hugo.toml asset pipeline:

[build.buildStats]
enable = true

Verify: npm ci installs cleanly, hugo compiles CSS without errors.

Wire PostCSS as Hugo's asset pipeline for CSS. package.json deps: - open-props - postcss - postcss-import (resolves @import including node_modules) - postcss-custom-media (resolves @custom-media breakpoints) - cssnano (minification) postcss.config.js: ```js module.exports = { plugins: [ require('postcss-import'), require('postcss-custom-media'), require('cssnano')({ preset: 'default' }) ] } ``` hugo.toml asset pipeline: ```toml [build.buildStats] enable = true ``` Verify: `npm ci` installs cleanly, `hugo` compiles CSS without errors.
vigilio added this to the M1: Framework Foundation milestone 2026-04-10 14:57:51 +00:00
Author
Owner

PostCSS pipeline in place: package.json has postcss, postcss-cli, postcss-import, postcss-custom-media, cssnano. postcss.config.js wires them. node_modules installed.

PostCSS pipeline in place: package.json has postcss, postcss-cli, postcss-import, postcss-custom-media, cssnano. postcss.config.js wires them. node_modules installed.
Sign in to join this conversation.
No labels
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: trentuna/asw#4
No description provided.