react16支持less并支持import语法

首先下载less less-loader

使用npm run eject命令暴露出配置文件
然后修改 webpack.config.js 文件

在rules中添加该规则

{  test: /\.less$/,  use: [{    loader: 'style-loader',  }, {    loader: 'css-loader', // translates CSS into CommonJS  }, {    loader: 'less-loader', // compiles Less to CSS  }]}

接下来就可以在js文件中直接 import "xx.less" 并且less文件本身可以支持 @import 语法
有帮助的话 麻烦点个赞 收藏 谢谢