react配置less

一 安装

npm install --save less less-loader
或
yarn add --save less less-loader

二 配置

使用npm 或者yarn 去运行 它，然后后续操作点击Y, 此操作是不可逆的

 npm eject或者 yarn eject

之后会出现webpack 配置， 打开你的 package.json 里面有一个

三 打开配置文件 webpack.config.js

修改

// const cssRegex = /\.css$/;//修改前
const cssRegex = /\.css|less$/;//修改后

新增

{
  loader: require.resolve('less-loader')
},

修改

// exclude: /@babel(?:\/|\\{1,2})runtime/,//修改前
exclude: [/@babel(?:\/|\\{1,2})runtime/,/\.(css|less)$/],//修改后

重启项目即可