create-react-app配置less

1.下载

npm install less-loader -save

2.暴露webpack配置文件（文件下载出来是找不到的）

npm run eject

3.修改webpack配置

找到webpack.config.dev.js和webpack.config.prod.js

module:[
    .........
　　{
　　　　test: /\.(css|less)$/,//之前是/\.css$/
　　　　use:[
　　　　　　{
　　　　　　　　loader: require.resolve('less-loader')  //在同级添加对象
       　　}
        ] 
　　}　　
     ........
     exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.(css|less)$/] //加入/\.(css|less)$/

] 

4.css改成less

5.与antd design配合使用时，注意：引入的是less文件，css文件不生效，并在webpack.config.dev.js和webpack.config.prod.js配置：

{
　　loader: require.resolve('less-loader'),
　　options: {　　//如果不加，会报错
　　　　javascriptEnabled: true
　　}
}