vue2.0中 怎么引用less?
2024-09-06 05:59:05
vue2.0中 怎么引用less?
第一步:
安装less依赖, npm install less less-loader --save
第二步:
修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
}
现在基本上已经安装完成了,然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了(style标签里加上 scoped 为只在此作用域 有效)
(或者
@import './app.less'; //引入全局app.less文件
)。
(
html中直接引入:
<link rel="stylesheet/less" type="text/css" href="文件路径/styles.less">
<script src="文件路径/less.js" type="text/javascript"></script>
)
最新文章
- jqGrid APi 详解
- Android开发的教程和资源
- Zabbix discoverer processes more than 75% busy
- iOS视频录制裁剪合成
- string[] 和 arraylist互转及问题解决
- hdu 5654 xiaoxin and his watermelon candy 树状数组维护区间唯一元组
- Kurskal算法(克鲁斯卡尔算法)
- 表达式求值(河南省第四届ACM试题-C题)题解
- Swift - 带结果列表的搜索条(UISearchDisplayController)的用法
- Android在onInterceptTouchEvent与onTouchEvent
- 找最大重复次数的数和重复次数(C++ Pair)
- 手机自动化测试:Appium源码分析之跟踪代码分析八
- bootstrap table 插件多语言切换
- HBase 笔记2
- git命令行界面
- emwin之多次删除同一窗口导致死机现象
- 故障处理分析:华为5885v3 cable/ Interconnect (LEFT Panel)
- flask简单的路由分发
- 3-23Agile Web Development,3-24(chapter: 6)
- idea scala 报 with UTF-8 Please try specifying another one using the -encoding option
热门文章
- linux使用glibc版本安装mysql8.0.12
- 用js刷剑指offer(用两个栈实现队列)
- 说一下 synchronized 底层实现原理?(未完成)
- Java&;Selenium调用JS实现高亮被操作页面元素高亮
- #Python绘制 文本进度条,带刷新、时间暂缓的
- Java8-ConcurrentUtils
- 2019牛客多校第五场generator2——BSGS&;&;手写Hash
- ZrOJ #878. 小K与赞助 (网络流)
- 8、Docker常用安装:tomcat、mysql、redis
- 做uart 实验时,run configure 只能选择jtag_uart 而没有uart