创建Webpack 5 + TypeScript + Jest + Less的React应用全流程指南

一个具有Webpack 5,TypeScript,Less Modules和Jest的React App

1. 安装依赖

使用以下命令安装依赖项:

yarn

2. 在本地运行开发环境

启动开发环境:

yarn dev

3. 运行测试

使用Jest运行测试,确保功能正常:

yarn test

4. 构建生产或开发版本

生成项目构建文件,分为开发和生产版本:

yarn build:dev  # 开发构建
yarn build:prod # 生产构建

历史和步骤记录

本项目的开发过程记录了关键步骤,为开发者提供了详细的学习资料。

zip
webpack-typescript-jest-less-main.zip 预估大小:16个文件
folder
webpack-typescript-jest-less-main 文件夹
file
.babelrc 83B
file
package.json 2KB
folder
src 文件夹
file
App.less 140B
file
index.tsx 156B
folder
components 文件夹
folder
Button 文件夹
file
Button.tsx 229B
file
Button.module.less 176B
file
Button.test.tsx 307B
file
App.tsx 233B
file
tsconfig.json 165B
file
globals.d.ts 25B
file
.gitignore 17B
file
webpack.config.js 1KB
folder
public 文件夹
file
index.html 499B
file
README.md 1KB
file
setupTests.ts 136B
file
yarn.lock 318KB
zip 文件大小:129.02KB