06 将scss改为less

201 阅读1分钟

scss改为less

安装 less 和 less-loader@8

npm i less less-loader -S

移除scss

npm uninstall sass-loader

更改webpack.config.js

image.png

将原先的sassRegex更改为lessRegex, sassModuleRegex同理

然后搜索sass, 将其他地方的sass改为less即可

image.png

测试

新建index.less

image.png

在index.js中引入

image.png

其中'@'符合为别名, 需要在webpack.config.js中设置, 如下图所示

image.png

完成后运行查看是否成功

npm start