Component Rollup utility

The vf-componenet-rollup compiles component Sass and JS into style.css and scripts.js files, retrospectively.

github location npm version

Variants

HTML
<!-- The vf-component-rollup does not have an html output,
     it is only used to collect css and js for a project. -->
              

Examples

Installation info

You'll likely want to configure this component to include or exclude Sass and JS files, we suggest cloning it to your local ./src/components.

Get an tarball of this component with:

yarn pack @visual-framework/vf-componenet-rollup

However for very generic VF projects, this component is also distributed with npm. After installing npm, you can install vf-componenet-rollup with this command.

$ yarn add --dev @visual-framework/vf-componenet-rollup

Sass/CSS

Unlike other components, you probably won't want to @import this. Instead the vf-core project will compile this into a style.css and scripts.js.

Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter

Changelog

Changelog

1.4.6

  • Added option to use GA4 analytics

1.4.5

  • Add vf-tags Sass.
  • https://github.com/visual-framework/vf-core/issues/875

1.4.4

  • Add vf-mega-menu Sass and JS.
  • https://github.com/visual-framework/vf-core/issues/1718

1.4.3

  • Removes the unused vf-header component.
  • https://github.com/visual-framework/vf-core/pull/1656

1.4.0

  • removes navigation variants as they're now part of base Sass file.

1.3.1

  • Adds deprecation comment for vf-masthead.
  • https://github.com/visual-framework/vf-core/pull/1406/

1.3.0

  • changes the vf-form Sass that is imported

1.2.3

  • adds buildTimeStamp from componentInfo to Sass template
  • https://github.com/visual-framework/vf-core/issues/974

1.1.4

  • dependency bump
  • adds vf-stack

1.1.0

  • replaces all imports for Sass variables, mixins and functions with vf-sass-config
  • moves utility classes mixins closer to where vf-utility classes are called

1.0.7

  • add 'vf-banner/vf-banner--alerts.scss';

1.0.5 (2020-03-20)

  • Drops atuo-invokation of embl-notifications

1.0.2 (2020-01-24)

  • Adds vf-card-container

1.0.1 (2019-12-23)

  • Add vf-table, vf-explainer, vf-collapse

1.0.0 (2019-12-17)

  • Initial stable release

Assets



File system location: components/vf-componenet-rollup

Find an issue on this page? Propose a change or discuss it.