Preact with Typescript

This is template that is simple start-kit about Preact with Typescript.
Go to related Node.ts template

Refer to localization docs
Korean

Configuration

1. Webpack Bundler
2. Webpack Dev Server for hot reload
3. Preact
4. Wouter
5. Typescript
6. Javascript minimizer Used by terser
7. CSS minimizer Used by 'css-minimizer-webpack-plugin'
8. CSS loader
9. SVG loader Used by preact-svg-loader

Build by NPM

To a smooth and fast development environment, ensure that any changes on the client side are automatically detected and built without the need to repeatedly run npm run build.

Starting from the root directory, enter the following command in the terminal in ./.

npm run serve

Type	Description
build	Builds in production mode after undergoing optimization and compression processes for a better user experience.
build:dev	Needs to be built as quickly as possible, so the optimization and compression steps are skipped and builds in development mode.
watch	Builds in production mode, and automatically rebuilds when changes occur.
watch:dev	Needs to be built as quickly as possible, so the optimization and compression steps are skipped. Additionally, automatically rebuilds when changes occur.
serve	Needs to be built as quickly as possible, so the optimization and compression steps are skipped, and the resources are cached. Additionally, only the changes are rebuilt, and the website automatically refreshes.