Typescript Web Component Boilerplate

Overview

The Typescript Web Component Boilerplate is a template that allows developers to easily build collections of lazy loaded web components using Typescript. It eliminates the need for many dependencies by focusing mainly on webpack. This boilerplate provides a simple and efficient way to create web components with Typescript.

Features

• Lazy Loaded Web Components: Easily build collections of lazy loaded web components.
• Typescript Support: Utilize the power of Typescript for building web components.
• Webpack Integration: Seamlessly integrate with webpack to handle dependencies and build processes.
• Component Generation: Generate a component folder with necessary files, including Typescript class, observed attributes, index, css, and html template.
• Webpack Dev Server: Start a webpack dev server with hot reloading for efficient development.
• Webpack Watcher: Enable a webpack watcher for continuous development and testing.
• Production Mode: Prepare the components' library for deployment to a CDN by building in production mode.
• Package Management: Prepare the package for npm publish by cleaning the package folder, emitting the JS, moving dts files, and bumping the version project.
• Dependency Management: Easily update dependencies with the ability to clean node_modules, reinstall dependencies, and update linter and prettier configurations.

Summary

The Typescript Web Component Boilerplate is a handy template for building lazy loaded web components using Typescript. It eliminates the need for excessive dependencies and offers seamless integration with webpack. With features like lazy loading, Typescript support, webpack dev server, and production mode deployment, this boilerplate provides an efficient and convenient way to create web components. Additionally, it includes package and dependency management functionalities for easy maintenance and updates.