clojj / mycomponents

stencil web components

fake API server

json-server --watch ./json-server-data/test1.json --port 8000

To build the component for production, run:

npx stencil build

To run the unit tests for the components, run:

npx stencil test --spec

Using this component

Script tag

• Publish to NPM
• Put a script tag similar to this <script src='https://unpkg.com/my-component@0.0.1/dist/mycomponent.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

Node Modules

• Run npm install my-component --save
• Put a script tag similar to this <script src='node_modules/my-component/dist/mycomponent.js'></script> in the head of your index.html
• Then you can use the element anywhere in your template, JSX, html etc

npm link