An example Twig Component library using Webpack.
This project was originally generated using generator-twig-components-webpack.
To run a local webserver that shows how these components can be used, run
npm install && npm start.
Including components on your site
To use these components on your site, include
the page and any of the included component tags. For example:
<html> <head> <script src="./twig-components-example/components.bundled.js"></script> </head> <body> <tce-hero src="hero.jpg" text="Great intro" subtext="Better follow up" callout-text="Click me" callout-href="/submit" align="middle"></tce-hero> </body> </html>
Should render the
If you prefer to manage polyfills and the Twig.js library yourself, you can
Running the build
To execute the entire production Webpack build, run
npm run build.
Tests are written with the web-component-tester package.
To run tests, ensure Java is available in your
PATH, then run