https://github.com/pratikpakhale/html-components
Creating and using basic html components with the help of webpack & the webpack html-loader.
https://github.com/pratikpakhale/html-components
html html-components javascript
Last synced: about 2 months ago
JSON representation
Creating and using basic html components with the help of webpack & the webpack html-loader.
- Host: GitHub
- URL: https://github.com/pratikpakhale/html-components
- Owner: pratikpakhale
- Created: 2023-07-13T18:35:03.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-13T19:12:00.000Z (almost 2 years ago)
- Last Synced: 2025-01-17T08:20:36.760Z (4 months ago)
- Topics: html, html-components, javascript
- Language: JavaScript
- Homepage:
- Size: 73.2 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# custom components demo project
type `npm start` to start the dev server
## some key notes -
- import the custom elements in index.js file and create an array of them along with their names, templates and initiator functions | see [index.js](./src/index.js) file for reference
## uses -
- [webpack](https://webpack.js.org/)
to compile the code and bundle it into a single file
- [html-loader](https://webpack.js.org/loaders/html-loader/)
to import the html templates directly into the js file
- [html-webpack-plugin](https://webpack.js.org/plugins/html-webpack-plugin/)
to generate the html file with the bundled js file
## dev dependencies -
- [webpack-cli](https://www.npmjs.com/package/webpack-cli)
to run webpack commands from the terminal
- [webpack-dev-server](https://www.npmjs.com/package/webpack-dev-server)
to run the dev server
### future scope -
https://github.com/felipeccastro/html-component