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.
To use these components on your site, include dist/components.bundled.js on
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 tce-hero tag.
If you prefer to manage polyfills and the Twig.js library yourself, you can
include components.js.
To execute the entire production Webpack build, run npm run build.
Tests are written with the web-component-tester package.
Before running tests, you'll need to setup your local environment:
- Ensure Java is available in your
PATH - Run
npm install -g bower rollup web-component-tester
After all dependencies have been installed, run npm test.