首页 > 其他分享 >webpack 搭建 react

webpack 搭建 react

时间:2024-04-05 12:23:29浏览次数:32  
标签:npm git loader react webpack 搭建

前言

除了用 react 官方脚手架搭建 react 项目,也可用 webpack 搭建。

记录

npm i webpack webpack-cli -D 报错

image

解决:右键以管理员身份打开 vscode,再打开文件夹。

git add ./ 显示 The file will have its original line endings in your working directory

image

解决:git config --global core.autocrlf true

参考: git如何避免”warning: LF will be replaced by CRLF“提示? - 三猫夜行的回答 - 知乎
https://www.zhihu.com/question/50862500/answer/2960500088

webpack 配置 loader 的 配置项有所改变,由原来的 loader 改为了 use

image

当前使用的 webpack 版本为 ^5.1.4

webpack 配置 loader 官方文档

使用 typescript,启动服务报错

image

解决:之前的终端没有关闭,代码没有保存生效。

参考链接

  1. 从零搭一个极简版webpack+React工程(一)
  2. 从零搭一个极简版webpack+React工程(二)
  3. npm init y 创建 package.json
  4. npm i 后缀 s d g 的区别
  5. git 重新设置邮箱

标签:npm,git,loader,react,webpack,搭建
From: https://www.cnblogs.com/shayloyuki/p/17706538.html

相关文章

  • RAID 5 搭建 挂载 更换
    目录分区添加5块硬盘使用lsblk查看磁盘情况使用fdisk进行分区创建RAID5mdadm命令查看RAID5状态创建文件系统建立挂载点并进行挂载将挂载写入开机启动项测试RAID5创建测试文件a.txt和b.txt模拟磁盘坏道维护RAID5分区添加5块硬盘使用lsblk查看磁盘情况......
  • 最新同城上门家政按摩H5小程序源码/上门预约系统搭建
    2024最新同城上门家政按摩H5小程序源码|上门预约系统后端thinkphp框架开发。前端采用uni-app开发,适配多端(小程序+公众号H5+APP)程序开发:PHP+MySQL程序演示:http://jz1.yetukeji.top,账户13112215717,密码qq2607788043程序开源:代码全部开源,支持任意二开功能介绍:1、数据概况(新......
  • 中间件 ZK分布式专题与Dubbo微服务入门 7-2 搭建maven工程,建立curator与zkserver的连
    0课程地址https://coding.imooc.com/lesson/201.html#mid=12839 1重点关注1.1本节内容使用curator建立和zkServer的连接java用法STS搭建maven工程 1.2关键代码/***同步创建zk示例,原生api是异步的,推荐第1,2种写法......
  • 【React】路由配置之路由表与Route标签两种方式
    前言下文中使用的是react-router-dom6,首先确保正确下载。未提到的细节可以参考ReactRouter官网。npminstallreact-router-dom@6方式一:Route标签import{Route,Routes}from"react-router-dom"importDashboardfrom"@v/Dashborad"importProjectfrom"@/vie......
  • 【放假第1天】采购季倒计时 2G 50/年,4G 618/3年 云服务器选购攻略 阿里云 腾讯云 京
    ​更新日期:4月4日(阿里云价格回调,京东云采购季持续进行)《最新对比表》已更新在文章头部—腾讯云文档,文章具有时效性,请以腾讯文档为准!https://docs.qq.com/document/DV0RCS0lGeHdMTFFV?tab=000003当前活动:采购季,各厂商活动已更新,适用于博客建站(2-4G)、小型游戏(4-8G)、大型游戏......
  • 【服务器uwsgi + flask + nginx的搭建】
    目录服务器uwsgi+flask+nginx的搭建1.安装必要的软件2.启动nginx服务3.测试Nginx4.配置uwsgi和flask5.配置nginx服务器uwsgi+flask+nginx的搭建1.安装必要的软件安装Python、uWSGI、Flask和Nginx。#Ubuntu安装命令sudoapt-getupdatesudoap......
  • 简单理解 React 的 createContext 和 Provider
    ......
  • (谷歌浏览器)如何在vscode中搭建vue.js devtools的环境
    搭建过程中明明所有操作步骤都做了,却还是出现下面这种情况: 以下是正确的搭建操作步骤:根据一下图片在vscode中创建文件夹;将以下代码写入; <scripttype="text/javascript"src="../js/vue.js"></script>接下来就是我们需要点击https://vuejs.zcopy.site/,进入到网站后,......
  • React 函数式组件的执行顺序
    https://github.com/zjy4fun/react-fc-order importReact,{useEffect,useState}from'react'import'./App.css'functionApp(){const[count,setCount]=useState(0)constdoubleCount=count*2constaddCount=()=>{......
  • React 导入 less 及其注意事项
    React导入less及其注意事项首先我们肯定要下载一下less,这里我是用vite构建的react项目,由于vite已经内置了对less配置,所以下载完直接导入就行>npmiless这时候我们就可以十分愉悦地使用less了吗?下面请看一下一个小例子,这里我创建了两个tsx模块,分别......