https://github.com/jdvivar/demo-polymer2-bundle
Demo Polymer 2 Bundle
https://github.com/jdvivar/demo-polymer2-bundle
polymer2 webpack
Last synced: 3 months ago
JSON representation
Demo Polymer 2 Bundle
- Host: GitHub
- URL: https://github.com/jdvivar/demo-polymer2-bundle
- Owner: jdvivar
- Created: 2020-02-18T15:13:44.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T14:58:59.000Z (over 2 years ago)
- Last Synced: 2025-01-22T12:13:56.362Z (5 months ago)
- Topics: polymer2, webpack
- Language: HTML
- Homepage:
- Size: 693 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ``
> Project manually forked from from https://github.com/jdvivar/lit-in-polymer2-poc
## Getting started
Just run `start` script and everything will autoinstall and load
```sh
npm start
```
## Why
Polymer 2 HTML ==> JS bundle (non-ES)
Because some stakeholders/owners might need to transform old-super-deprecated (but important!) Polymer 2 Web Components and use them in environments were:
- ES imports are not available, i.e. too old browsers such as IE11
- HTML imports are not available, i.e modern browsers such as Chrome 80
## Structure
- [/simple-wc](/simple-wc)
Holds the web component written in HTML (which by the way uses a LitElement from the @lion repo)
- [/web](/web)
holds a demo that makes use of the bundle
## General recommendation
Refactor Polymer 2 Web Components and write ES-compatible Web Components instead, such as [LitElement](https://github.com/polymer/lit-element), creating a big fat bundle for non-ES compatible browsers, and ES-compatible modules for modern browsers. For more recommendations regarding Web Components, please check out [open-wc](https://open-wc.org/)