react16支持less并支持import语法

jiezi

6 年前

首先下载 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 语法
有帮助的话麻烦点个赞收藏谢谢