第一步:
安装less依赖,npm install less less-loader --save
第二步:
修改webpack.config.js文件,配置loader加载依赖,规则上加这个
{
test: /.less$/,
loader: "style-loader!css-loader!less-loader",
},
搞定。。。最喜欢嵌套可以用了
**********************************************************
**************************************************************************
npm install --save-dev sass-loader //sass-loader依赖于node-sass
npm install --save-dev node-sass
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']
},
![](https://img2018.cnblogs.com/blog/1159729/201907/1159729-20190718220059650-2065221098.png)
错误提示:无效的css。因为sass语法不使用大括号和分号。
如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。
如果你希望使用带大括号的语法,即SCSS
那么,你只要把lang="sass"改成lang="scss"就行了。
搞定