直接开整,你需要官方下载的一个react脚手架项目即可。
1.切换到项目下,npm install less less-loader安装less组件依赖;
2.react脚手架并不像vue一样文件是全部暴露的,你需要执行npm run eject,暴露出config文件;
3.找到webpack.config.js中line41,修改为:/\.(css|less)$/;支持css和less后缀;
4.在.ine107添加
{
loader: require.resolve('less-loader')
}
这个是解析安装的less预编译工具;
5.重启项目新建.less文件即可使用less语法;