postcss-amp-custom
PostCSS plugin to optimize CSS source for AMP HTML. Removes styles that are prohibited by AMP HTML.
Supports PostCSS v7 and v8.
amp-custom is the core library. However, amp-custom will be deprecated in the future, and postcss-amp-custom will be mainly developed.
Install
npm install --save-dev postcss-amp-customUse
// postcss.config.js
const postcssAmpCustom = require('postcss-amp-custom')
module.exports = () => ({
plugins: [
postcssAmpCustom({
enableByteLimit: true
})
]
})/* ./src/test.css */
@charset "UTF-8";
body {
font-size: 16px;
}
@page {
margin: 15mm;
}
@page hoge {
size: portrait;
margin: 15mm;
}
a {
color: #39c !important;
text-decoration: none;
}
@viewport {
min-width: 640px;
max-width: 800px;
}
@supports not (display: flex) {
.flexbox {
overflow: hidden;
}
.flexbox div {
float: left;
}
}
/* ./dist/test.css */
body{font-size:16px}a{color:#39c;text-decoration:none}Options
- enableByteLimit
Boolean- If the CSS source exceeds 75KB, it issues an error.(Default:false)