React项目配置Less

搭建项目

使用 create-react-app 脚手架创建项目

# 使用npx构建
$ npx create-react-app demo

# or
# 安装create-react-app
$ yarn add create-react-app
$ create-react-app demo

修改webpack.config

参照sass的配置来添加less配置

• 添加lessRegex变量

• 配置less-loader

安装依赖

• less-loader

  yarn add less-loader
  

  此时运行项目会报错，需要安装less

  

• less

  yarn add less
  

引入less文件

less-loader和less安装完成后，less编译配置就完成了，可以直接在项目引用less文件

import './global.less';