identify and document build-time / bundle dependencys

[quarkus]

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

• gulp
• webpack
• snowpack (https://github.com/pikapkg/snowpack)?

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

[eddyloewen]

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

[quarkus]

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]

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]

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