美文网首页
快速为react添加less支持

快速为react添加less支持

作者: 神奇的LION | 来源:发表于2021-03-15 18:22 被阅读0次

开始

首先,安装 lessless-loader:

$ yarn add less less-loader --save-dev

然后,需要暴露webpack配置文件:

$ yarn eject

然后,修改配置及添加 loader 到你的 webpack config。 例如: webpack.config.js

// style files regexes
// const cssRegex = /\.css$/;  原内容
const cssRegex = /\.(css|less)$/;  //修改后的
// const cssModuleRegex = /\.module\.css$/; 原内容
const cssModuleRegex = /\.module\.(css|less)$/; //修改后的

然后,重新安装less-loader 到5.0版本。

$ yarn remove less-loader
$ yarn add less-loader@5.0.0

最后,运行webpack或重新运行项目。

相关文章

网友评论

      本文标题:快速为react添加less支持

      本文链接:https://www.haomeiwen.com/subject/ffxlcltx.html