@granite-elements/granite-external-dependencies

A set of elements and mixins to grab external dependencies (CSS and JS...)

Stats

StarsIssuesVersionUpdatedCreatedSize
@granite-elements/granite-external-dependencies
001.0.54 years ago4 years agoMinified + gzip package size for @granite-elements/granite-external-dependencies in KB

Readme

Published on webcomponents.org

granite-external-dependencies

A set of elements and mixins to grab external dependencies (CSS and JS...)

GraniteCssInjector mixin

A mixin to load external CSS files and dynamically inject them in the Shadow DOM of the element.

Elements using this mixing must override two static getters :

  • nodeModulesPath: this getter returns the relative path to the node_modules folder
  • cssFiles: this getter returns an array with an object for every dependency. The dependency object need name and path propeties, where the path is the dependency relative path from node_modules folder

Examples:

  static get nodeModulesPath() {
    return `${GraniteExternalDependencies.pathFromUrl(import.meta.url)}../../../`;
  }

  static get cssFiles() {
      return [
          { 
            name: 'externalCss', 
            path: `@granite-elements/granite-external-dependencies/demo/external-css.css` 
          }
      ];
  }

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.