react16支持less并支持@import语法

2024年3月5日 320次阅读 来源: 昵称不用太拉风

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

    原文作者：昵称不用太拉风
    原文地址: https://segmentfault.com/a/1190000019328323
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞