如何在react官方脚手架中运用less

create-react-app是由react官方提供的，但是他默认不支持less 

步骤：

1：安装官方脚手架

npx create-react-app xxx

2：暴露webpack配置文件

yarn eject 

3：打开config/webpack.config.js,在module.rules节点中找到css文件的加载规则：

并且改成const cssRegex = /\.(css|less)$/;

 

 4：找到getStyleLoaders在loaders的最后添加

{

    loader: require.resolve('less-loader') // compiles Less to CSS

}

如图

如果想要用antd

那么则需要在配置中加入