如何使用webpack5创建一个简单的React项目脚手架？

本文共计1342个文字，预计阅读时间需要6分钟。

目录项目初始化安装webpack搭建脚手架目录结构启动本地服务配置css/sass安装React相关依赖项目添加热更新生产环境打包总结项目初始化首先，我们创建一个项目目录，并初始化npm和webpack。

目录

• 项目初始化
• 安装webpack
• 搭建脚手架目录结构
• 开启本地服务
• 配置css&sass
• 安装react的相关依赖
• 项目添加热更新
• 生产环境打包
• 总结

项目初始化

首先我们创建一个目录，初始化 npm,得到一个package.json文件。

mkdir react-cli cd react-cli npm init -y

安装webpack

安装webpack和相关依赖。webpack-dev-server是开启开发环境的服务，webpack-merge是合并公共配置文件。