search

webtides / element-js

Simple and lightweight base classes for web components with a beautiful API
MIT License
26 stars 3 forks source link

identify and document build-time / bundle dependencys #11

Open quarkus opened 4 years ago

quarkus commented 4 years ago

We need to identify the critical requirements for an element-js build.

Which Babel-Plugins are really needed ? We need to document the css part (post-css, postcss-import) as we "support".

Its probably a good idea to start an element-js-examples repo and have examples for

Is this a good idea or do we need some sort of create-app ?

eddyloewen commented 4 years ago

We should probably consider this guide: https://open-wc.org/publishing/

quarkus commented 4 years ago

That guide is actually more about publishing ready to use web components ... i was actually thinking about providing a minimum build chain that you can reuse and extend in a specific project.

Lit refers to: https://lit-element.polymer-project.org/guide/start#download-the-starter-project for a little kickstart.

I would keep these examples way simpler .. maybe just an es dev server / some npm scripts, a rollup.config and a webpack.config to just showcase what is actually needed to get the most out of element-js .. and thats basically a little babel and some postcss magic.

lukas-schardt commented 3 years ago

After a call with @eddyloewen about a rough structure of the starters, I opened a starter repository and added example starters for webpack & snowpack. The repository is here https://github.com/webtides/element-js-starters. There we should add new starters and improve the readmes.

eddyloewen commented 3 years ago

LitElement released a documentation site recently to explain how to build/bundle for production: https://lit-element.polymer-project.org/guide/build