gem-hunter

🍣 A Rollup plugin which bundles import attributes.

Two types of attributes are supported: json and css.

Currently, dynamic imports are not supported (PR welcomed).

Using npm:

npm install rollup-plugin-import-attributes --save-dev

Create a rollup.config.js configuration file and import the plugin:

import importAttributes from 'rollup-plugin-import-attributes';

export default {
  input: 'src/index.js',
  output: {
    dir: 'output',
    format: 'cjs'
  },
  plugins: [importAttributes()]
};

Then call rollup either via the CLI or the API.

With an accompanying file src/index.js, the local package.json file would now be importable as seen below:

// src/index.js
import pkg from '../package.json' assert { type: 'json' };
console.log(`running version ${pkg.version}`);

It is also possible to import css stylesheets, typically when designing web components:

// src/mycomponent.js
import style from './style.css' assert { type: 'css' };

class MyElement extends HTMLElement {
  constructor() {
    super();
    const root = this.attachShadow({ mode: 'open' });
    root.adoptedStyleSheets = [styles];
    root.innerHTML = `<div>My custom element</div>`;
  }
}

customElements.define('my-element', MyElement);

For the json type of aattribute, this plugin accepts the same options as those of @rollup/plugin-json. This makes it straight-forward to move to import attributes, should one wish so.

For the css type of attribute, this plugin accepts the usual include and exclude options.

Type: Boolean
Default: false

If true, instructs the plugin to ignore indent and generates the smallest code.

Type: String | Array[...String]
Default: null

A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should ignore. By default no files are ignored.

Type: String | Array[...String]
Default: null

A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should operate on. By default all files are targeted.

Type: String
Default: '\t'

Specifies the indentation for the generated default export.

Type: Boolean
Default: true

If true, instructs the plugin to generate a named export for every property of the JSON object.

Type: Boolean
Default: false

If true, instructs the plugin to declare properties as variables, using either var or const. This pertains to tree-shaking.

Credits to:

• @rollup/plugin-json, on top of which this plugin shamelessly builds.

• rollup-plugin-import-assert which was inspirational to start with.