

Neutrino Style Minify Middleware¶

@neutrinojs/style-minify is Neutrino middleware for minifying styles using OptimizeCssAssetsPlugin. This middleware is usually only added during production builds.

Requirements¶

Node.js v8.3+
Yarn v1.2.1+, or npm v5.4+
Neutrino v8

Installation¶

@neutrinojs/style-minify can be installed via the Yarn or npm clients.

Yarn¶

❯ yarn add @neutrinojs/style-minify

npm¶

❯ npm install --save @neutrinojs/style-minify

Usage¶

@neutrinojs/style-minify can be consumed from the Neutrino API, middleware, or presets. Require this package and plug it into Neutrino:

// Using function middleware format
const styleMinify = require('@neutrinojs/style-minify');

// Use with default options
neutrino.use(styleMinify);

// Usage showing overriding options
neutrino.use(styleMinify, {
  pluginId: 'optimize-css',
  plugin: {
    assetNameRegExp: /\.css$/g,
    cssProcessorOptions: {},
    canPrint: true,
  }
});

// Using object or array middleware format

// Use with default options
module.exports = {
  use: ['@neutrinojs/style-minify']
};

// Usage showing overriding options
module.exports = {
  use: [
    ['@neutrinojs/style-minify', {
      pluginId: 'optimize-css',
      plugin: {
        assetNameRegExp: /\.css$/g,
        cssProcessorOptions: {},
        canPrint: true,
      }
    }]
  ]
};

The plugin property is passed to optimize-css-assets-webpack-plugin.

Customization¶

@neutrinojs/style-minify creates some conventions to make overriding the configuration easier once you are ready to make changes.

Plugins¶

The following is a list of plugins and their identifiers which can be overridden:

Name	Description	Environments and Commands
`optimize-css`	Minifies css using `OptimizeCssAssetsPlugin`.	all

Contributing¶

This middleware is part of the neutrino-dev repository, a monorepo containing all resources for developing Neutrino and its core presets and middleware. Follow the contributing guide for details.