微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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"就行了。

分享图片

搞定

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐