搭建React环境的webpack4.0+的基本配置

本文介绍如何搭建React开发环境,重点是webpack4.0的基本配置,包括安装依赖、理解入口、出口、调试、插件和loader。通过配置,实现了热更新和自动刷新浏览器,帮助前端开发者提升开发效率。
摘要由CSDN通过智能技术生成

      近期一直在学习使用react,虽然网上看到很多关于react不好或者怎么样的新闻,但是作为一个前端开发的菜鸟级选手,还是需要学习一下react的,学习react首先就得搭建react的环境,现在前端发展这么快,如果还不会前端自动化的话,那就真的要被淘汰了,所以本篇旨在给那些还在用script标签引入的同学一点启发,同时也作为自己日后react开发的一个随时查看的资料,话不多说,先来看看我们需要通过npm下载的一些东西,webpack,webpack-cli,react,react-dom,babel-core,babel-preset-es2015,babel-preset-env,babel-preset-react

npm install --save react react-dom

--save的命令行是指的开发以后还需要依赖的模块,即像是jquey这样的第三方库,完成项目后依然还需要依赖的模块

npm install --save-dev webpack webpack-cli babel-core babel-preset-react babel-preset-env

--save-dev下载的即是开发时依赖的模块,具体下载完以后可以在 package.jso里面看到所以下载的依赖。

{
  "name": "react-demo",
  "version": "1.0.0",
  "description": "",
  "main": "
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值