Componenet Rollup

npm version

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

Install

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][npm]. After [installing npm][install-npm], you can install vf-componenet-rollup with this command.

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

Usage

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 any requirements along with the modules.

File system location: components/vf-componenet-rollup

Variants

Variant: Default beta element

Nunjucks demo

{% render '@vf-componenet-rollup--default', {
  "component-type": "element"
} %}

Sample output

Sample output as HTML

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

Assets

All components in this design system

This page is part of the components section.