快速为react添加less支持

开始

首先,安装 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或重新运行项目。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容