加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-14 04:50:30 所属栏目:百科 来源:网络整理
导读:? 第一步: 安装less依赖, npm install less less-loader --save 第二步: 修改webpack.config.js文件,配置loader加载依赖,规则上加这个 { test: /.less$/, loader: "style-loader!css-loader!less-loader", }, ? 搞定。。。最喜欢嵌套可以用了 ? ******

?

第一步:

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

搞定

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读