Wondering what’s next for npm?Check out our public roadmap! »

    rollup-plugin-stylus-to-css

    1.1.0 • Public • Published

    rollup-plugin-stylus-to-css

    A Rollup.js plugin to compile Stylus files to css for use in web components. As if 1.1.0 it will work with stylus @import and @require statements.

    Installation

    npm i rollup-plugin-stylus-to-css -D

    Usage

    Add the following code to your project's rollup.config.js:

    import stylus from 'rollup-plugin-stylus-to-css';
     
    export default {
      entry: 'index.js',
      plugins: [
        stylus(),
      ]
    };

    in Stylus

    .container
      height 100%

    in JS

    import css from './component.styl';
     
    class MyComponent extends HTMLElement {
      constructor() {
        super();
      }
     
      connectedCallback() {
        this.attachShadow({mode: 'open'});
        this.shadowRoot.innerHTML = `<style>${css}</style><div></div>`;
      }
     
      static get observedAttributes() {
        return [];
      }
    }
     
    customElements.define('my-component', MyComponent);
     
    export { IdxFindBatches };

    License

    MIT

    Install

    npm i rollup-plugin-stylus-to-css

    DownloadsWeekly Downloads

    43

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    7.23 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar