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 1 month 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 (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-13T19:12:00.000Z (over 1 year ago)
• Last Synced: 2023-07-13T20:26:09.439Z (over 1 year ago)
• Topics: html, html-components, javascript
• Language: JavaScript
• Homepage:
• Size: 73.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• 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