首页 > 编程语言 > 详细

vue项目配置less预编译语言

时间:2018-04-19 15:30:51      阅读:223      评论:0      收藏:0      [点我收藏+]

当所有东西都 准备好之后 :

第一步:

安装less依赖,npm install less less-loader --save

第二步:找到webpack配置文件webpack.base.conf.js,在其中的module的rule中增加一项,如下:

{
test: /\.less$/,
loader: ‘style-loader!css-loader!less-loader‘
}

第三步:现在基本上已经安装完成了,然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了(style标签里加上 scoped 为只在此作用域 有效)
<style lang="less"></style>
记得配置玩webpack后需要重启。

    

vue项目配置less预编译语言

原文:https://www.cnblogs.com/learnings/p/8883221.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!