express-inline-css-amp's Introduction

express-inline-css-amp

⚡ Express middleware to generate inline rendering CSS for AMP:

<!doctype html>
<html ⚡>
  <head>
    <title>Exemple</title>
  </head>
</html>

Generated

<!doctype html>
<html ⚡>
  <head>
    <title>Exemple</title>
    <style amp-custom>
      ...
    </style>
  </head>
</html>

Installation

  npm install --save express-inline-css-amp

Preview

// The render method
import path from 'path';
import express from 'express';
import inlineCSSAMP from 'express-inline-css-amp';

const app = express();
// Yes its works with css, scss and sass \o/
app.use(inlineCSSAMP({
  CSSPathBase: path.join(__dirname,'../public/assets/css/'),
  CSSFilePath: path.join(__dirname,'../public/assets/css/style.scss'),
  version: new Date().getTime(),
}));

app.get('/', (req, res) => {
  res.render('index', {});
});

Yes its works with css, scss and sass \o/ and load css by view eg. the view home load home.css if one exists.
CSSPathBase: This path is set as /tmp/ by default used to load css compiled;
CSSFilePath: Path of the final css file where rules are taken out.
CCSMinify: Default is true, this brings up the possibility of mifying the css file.
version: value - Now, we can cache from css generated automatically just in production

License

MIT © [Eder Eduardo]

express-inline-css-amp's People

Contributors

Stargazers

express-inline-css-amp's Issues

Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

Hi,
Can you please upgrade the package dependencies to work with babel 7?
It is unusable at the moment.
Thank you!

Error when using require

Hi,
I am trying to use this repo, but I am getting an error when I try to require (not import) your lib:
in my app.js:

var inlineCSSAMP = require('express-inline-css-amp');

Error in my console:

module.js:457
    throw err;
    ^

Error: Cannot find module 'babel-runtime/helpers/classCallCheck'
    at Function.Module._resolveFilename (module.js:455:15)
    at Function.Module._load (module.js:403:25)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/Users/***/Documents/dev/***/node_modules/express-inline-css-amp/lib/index.js:8:24)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)
    at tryModuleLoad (module.js:432:12)
    at Function.Module._load (module.js:424:3)

I generated this project using express generator.

Recommend Projects