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.
网友评论