怎么使用webpack工具自己搭建react脚手架?以及安装所需的依赖及其配置信息。

相信很多开发者在入门 react 的时候都是使用 create-react-app 或 react-slingshot 这些脚手架来快速创建应用,当有特殊需求,需要修改 eject 出来的 webpack 配置文件时,面对各种配置项不知如何下手,本文会介绍如何使用 webpack 手动搭建一个 react 项目。

首先全局安装webpack
npm i webpack -g
安装项目所需要的webpack管理依赖
npm i webpack webpack-cli webpack-dev-server --save-dev

在安装的过程中,就不要闲着了,此时可以新建自己需要的文件,比如配置文件webpack.config.js(管理配置的文件,名字不能改)、主要引入文件main.js、展示视图的文件index.js、组件文件component、视图文件pages/views、css、img等文件。
此时依赖差不多安装好了,再继续安装webpack支持react的核心工具jsx-loader

npm i jsx-loader --save-dev

可以同时安装react项目所需要的依赖
npm i react react-dom --save-dev
需要在建立的webpack.config.js文件里进行基本配置

注意:有了webpack.config.js文件配置之后,指令就

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值