express-inline-css

⚡️ Express middleware to generate inline critical rendering CSS to improve render performance

Installation

npm install --save express-inline-css

Preview

// Overriding the render method
 
import express from 'express';
import inlineCSS from 'express-inline-css';
 
const app = express();
 
app.use(inlineCSS({
  override: true,
  cssFilePath: '../client/public/css/style.css'
}));
 
app.get('/', (req, res) => {
  res.render('index', {});
});
 

// Using renderInlineCSS method
 
import express from 'express';
import inlineCSS from 'express-inline-css';
 
const app = express();
 
app.use(inlineCSS({
  override: false,
  cssFilePath: '../client/public/css/style.css'
}));
 
app.get('/', (req, res) => {
  res.renderInlineCSS('index', {});
});
 

Usage

inlineCSS({ cssFilePath, [override] });

where:

• cssFilePath: Path of the final css file where rules are taken out.
• override (optional): It brings you the possibility to override the method render or use renderInlineCSS method.

License

MIT © Jordi López