rollup-plugin-minify-tagged-css-template
Plugin to minify CSS content of tagged template string literals, aka. template strings aka. template literals.
Usage
// rollup.config.js;input: 'test/index.js'plugins:output:file: 'build/index.js';
Note: This plugin does not use AST based minification of CSS, because the content it receives is only partial.
Instead we aim to minify CSS with Regex based whitespace removal, and no optimization (deduping selectors, declaration, etc).
API
tags: string[] = ['css']
Refers to the tag names that are to be handled. Only static content of the template content is processed, any child template expressions are left unchanged. Refer to example below.
Example: tags: ['handleCSS']
would target the following template literal.
// component.jsconst decl = 'color: red;';const result = handleCSS`:host {display: block;}`;// outputconst result = handleCSS`:host{display:block;}`;
parserOptions: object
Config options to pass to the Babel parser.
Babel Parser options may be needed depending on how your project is structured. See Babel parser options for all available options.
Example:
// rollup.js// ...plugins:// ...
Related
- rollup-plugin-transform-tagged-template - Apply transformations on contents of tagged template string literals.
License
MIT © Laxman Damera