Vue CLI3 如何支持less的方法示例


Posted in Javascript onAugust 29, 2018

本文介绍了Vue CLI3 如何支持less的方法示例,分享给大家,具体如下:

安装方式:

npm install less less-loader --save

或者

cnpm install less less-loader --save

大家在编写 .vue 文件的 style 的时候多会选择采用预编译样式来加速开发效率

<style lang="less">
#app {
 font-family: 'Avenir', Helvetica, Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-align: center;
 color: #2c3e50;
 margin-top: 60px;

 .img {
  border: 1px solid red;
 }
}
</style>

这里我们提一下,如何在新版 Vue CLI 中增加对 less 的支持

其实很简单:需要在 package.json 中定义依赖:

"devDependencies": {
  "less": "^3.0.4",
  "less-loader": "^4.1.0"
}

然后安装对应的依赖即可,是不是比之前版本的脚手架省去了很多配置

当然在使用 vue create 创建新项目的时候,也是可以在命令行直接选择的:

Vue CLI3 如何支持less的方法示例

再里面可以选择:

Vue CLI3 如何支持less的方法示例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
基于JavaScript获取鼠标位置的各种方法
Dec 16 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
Jul 14 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 Javascript
浅谈JS如何实现真正的对象常量
Jun 25 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 Javascript
原生JavaScript实现拖动校验功能
Sep 29 Javascript
JS中循环遍历数组的四种方式总结
Jan 23 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
Aug 29 #Javascript
Vuex 使用及简单实例(计数器)
Aug 29 #Javascript
浅谈Vue.use的使用
Aug 29 #Javascript
微信小程序支付前端源码
Aug 29 #Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 #Javascript
javascript中UMD规范的代码推演
Aug 29 #Javascript
详解webpack自定义loader初探
Aug 29 #Javascript
You might like
PHP配置文件中最常用四个ini函数
2007/03/19 PHP
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
JSON 教程 json入门学习笔记
2020/09/22 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
2014/01/16 Javascript
JavaScript字符串对象charAt方法入门实例(用于取得指定位置的字符)
2014/10/17 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
2015/04/24 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
2015/08/31 Javascript
使用jquery动态加载Js文件和Css文件
2015/10/24 Javascript
图解Sublime Text3使用技巧
2015/12/21 Javascript
动态加载css方法实现和深入解析
2017/01/18 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
nodejs 如何手动实现服务器
2018/08/20 NodeJs
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
前端Vue项目详解--初始化及导航栏
2019/06/24 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
python删除列表内容
2015/08/04 Python
python读取文件名称生成list的方法
2018/04/27 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
JAVA高级程序员面试题
2013/09/06 面试题
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
《走一步再走一步》教学反思
2014/02/15 职场文书
日语专业求职信
2014/07/04 职场文书
防溺水主题班会教案
2015/08/12 职场文书
Python进行区间取值案例讲解
2021/08/02 Python