vue中使用less/scss(这是2.0 3.0就不需要手动配置了只需要安装依赖就行了)

第一步:

安装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']
},
 

错误提示:无效的css。因为sass语法不使用大括号和分号。

如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。

如果你希望使用带大括号的语法,即SCSS

那么,你只要把lang="sass"改成lang="scss"就行了。

搞定

原文地址:https://www.cnblogs.com/myfirstboke/p/11210323.html