在React脚手架中使用Less

1.什么是Less?

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。具体介绍可以参照官网Less官网

2.怎么在React中使用Less?

第一步:首先安装 less和less-loader 终端命令 => npm install less less-loader --save-dev。

第二步:我们需要配置webpack.config.js文件,通过运行命令 npm run eject ,成功后会在项目根目录下生成一个config的文件夹。如果报错可以尝试一下步骤 终端命令 => git add .  然后终端命令 => git commit -m "init" 最后尝试npm run eject 。

第三步:找到config文件夹下面的 webpack.config.js文件,修改里面的配置如下 添加less和修改sass-loader为less-loader.


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

推荐阅读更多精彩内容