一、使用npm run eject,暴露webpack配置(暴露在根目录config路径下);

二、安装less和less-loader

        npm install less-loader less -D

三、修改config->webpack.config.js

1、文件中搜索const sassModuleRegex

 

 在下面添加配置:

const lessRegex = /\.less$/;

const lessModuleRegex = /\.module\.less$/;

2、配置lessRegex和lessModuleRegex

文件中搜索sass-loader,复制两项sass-loader配置,修改对应项为less

3、重启项目,完成配置。

四、配置过程中出现的问题

1、运行报错:TypeError:this.getOptions is not a function

原因:less-loader版本过高

解决方案:安装指定版本的less

npm install less@3.9.0 less-loader@4.1.0 --save-dev

 

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐