rollup-plugin-scoped

Roll and create scoped style and template.

Usage no npm install needed!

<script type="module">
  import rollupPluginScoped from 'https://cdn.skypack.dev/rollup-plugin-scoped';
</script>

README

rollup-plugin-scoped

Convert template and style to ES6 modules:

import style form './btn.scss';
import template form './btn.tpl';

console.log(style);
console.log(template);

Create scoped template and style:

import style form 'scoped!./btn.scss';
import template form 'scoped!./btn.tpl';

console.log(style);
console.log(template);

Build-in extensions

  • style: *.css *.sass *.scss *.less *.styl
  • template: *.tpl *.html *.jade

Installation

npm install --save-dev rollup-plugin-scoped

Usage

import { rollup } from 'rollup';
import scoped from 'rollup-plugin-scoped';

rollup({
    entry: 'app.js',
    plugins: [
        scoped()
    ]
});

License

MIT