React项目搭建

2026-05-02 12:25:25 236
分类:react

一、在react中配置less

1. npm run eject弹出配置文件以便自定义项目配置

2. 添加less和less-loader 两个依赖库

3. 打开config/webpack.config.js 文件,开始配置工作

修改style files regexes(样式文件正则)

参照 sass 配置 less 的样式文件正则

4. 改getStyleLoaders函数,并添加如下代码

同样,参照css-loader节点,添加less-loader节点

5. 模仿代码中提供的sassRegex代码,添加如下代码

注意less-loader的版本问题

二、支持TypeScript

方法一:创建项目的时候create-react-app proName --typescript

方法二:tsc --init

cnpm install typescript @types/react @types/react-dom -D