Via the PostCSS plugin — loader config included. This guide covers the complete webpack setup for Nakshora 3.0.

Install#

terminal
bash
npm install -D @nakshora/postcss postcss

Configure#

webpack.config.js
js
// postcss.config.js consumed by postcss-loader
module.exports = {
  plugins: [require('@nakshora/postcss')()],
};
// webpack.config.js
module.exports = {
  module: {
    rules: [
      { test: /\.css$/, use: ['style-loader', 'css-loader', 'postcss-loader'] },
    ],
  },
};

Verify#

terminal
bash
npx nakshora doctor

Doctor validates your config, checks that content globs match real files, and prints the engine version.

Troubleshooting#

  • postcss-loader order matters: after css-loader, before style-loader

Next#

Styling patterns: concepts/utility-first-methodology|utility-first methodology · performance: performance/index|performance guide.