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 語法
有幫助的話 麻煩點個贊 收藏 謝謝