webpack-lit-element-sample

Sample repository for WebComponents project using lit-element with Webpack works on ES5~ environment.

Prerequiements

• Node.js (recommend to use nvm)
• yarn

How to start

$ yarn
$ yarn dev

Then visit http://localhost:3000!

How to build

yarn build

This will create dist directory. If you check bundled app, please run below.

yarn serve

This will serve contents under dist on http://localhost:8080.

Things you should care

• If you transpile WebComponents code into ES5 by babel, you need to set babel-plugin-transform-builtin-classes plugin and add "LitElement"(when you use lit-element) or "HTMLElement"(when you extend native HTMLElement) to <pluginOption>.globals in Babel config. You can see it in this repository at babel.plugins in package.json.
• lit-element is not a stable.
• There are known issues.
• This is unofficial sample repository :smirk_cat: