专栏首页前端杂谈怎么在vue中使用less

怎么在vue中使用less

最近使用vue2.0重构项目, 使用vue-cli脚手架构建, 采用webpack模板, 要在项目中使用less进行样式的编写

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; color: #000000 } span.s1 { }

首先, 打开终端, 在当前项目目录下安装less

npm install less less-loader --save

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; color: #000000 } span.s1 { }

安装成功后,修改webpack.base.conf.js文件, 添加以下代码

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Helvetica; color: #000000 } span.s1 { }

在vue文件的style标签上加上 lang=“less”, 这样就可以使用less来编写样式了

<style lang="less"></style>

 了解这么配置的原因请进入: http://www.cnblogs.com/yuqing6/p/8484557.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue使用Axios做ajax请求

    用户1741436
  • 前端算法-基本排序算法比较

    用户1741436
  • 如何开发中后台项目

    工作中的你,是不是手上做着后台系统项目,应对着做不完的需求,觉得做后台系统是个没有技术含量的活,技术没法提升,这么想或许你就错了,如果能做以到以下几点,不仅可以...

    用户1741436
  • Web页面中5种超酷的Hover效果

    想在自己的网站中应用超酷的hover效果吗?也许你可以从如下的这些实例中获得一些灵感,如果你喜欢这些效果,也可以直接拷贝代码并应用到你的站点。 给平淡的站点带来...

    葡萄城控件
  • Css3新特性应用之视觉效果

    一、单侧阴影 box-shadow属性的应用,格式:h-shadow v-shadow blur spread color inset属性取值介绍 h-sah...

    sam dragon
  • iOS之ProtocolBuffer搭建和示例demo

         这次搭建iOS的ProtocolBuffer编译器和把*.proto源文件编译成*.pbobjc.h 和 *.pbobjc.m文件时,碰到不少问题!

    tandaxia
  • 微信小程序-margin和padding的区别

    为了方便,先看一个图,外面的是margin,是外边距,padding是内边距。

    叉叉敌
  • 常用的css样式

    剑行者
  • CSS学习笔记(基础篇)

    CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表)

    Daotin
  • 前端小白也能快速学会的博客园博客美化全攻略[附源码]

    官方介绍: 博客皮肤模板 http://skintemplate.cnblogs.com/

    Enjoy233

扫码关注云+社区

领取腾讯云代金券