# webpack_ts_demo

**Repository Path**: dys6230/webpack_ts_demo

## Basic Information

- **Project Name**: webpack_ts_demo
- **Description**:  Webpack 5 + TypeScript + SCSS + UnoCSS 环境
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-08-24
- **Last Updated**: 2024-09-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack_ts_demo

#### 介绍
 Webpack 5 + TypeScript + SCSS + UnoCSS 环境

#### 软件架构
软件架构说明

配置 Loaders 用于处理项目中的不同类型文件。
JavaScript/TypeScript Loader
安装 Babel Loader 或 TypeScript Loader：
可以处理sass
支持typescript语法
处理图片和字体
加入HtmlWebpackPlugin和CleanWebpackPlugin插件
配置 resolve.alias
设置 mode 以区分开发和生产环境：
打包优化：配置压缩、分离 CSS 等优化措施：
配置 ES Modules 支持
配置完成后给我所有的配置文件完整的代码

#### 安装教程

1.  yarn 或者 pnpm install


#### 使用说明

1.  启动： yarn start 或者 pnpm run start 
2.  打包： yarn build 或者 pnpm run build

#### 参与贡献

dys6230

#### 参考

https://webpack.docschina.org/concepts/