vuejs 使用less
2024-09-05 00:59:10
当所有东西都 准备好之后 :
第一步:
安装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 为只在此作用域 有效
<style lang="less" scoped></style>
或者@import './index.less'; //引入全局less文件
html中直接引入:
<link rel="stylesheet/less" type="text/css" href="文件路径/styles.less">
<script src="文件路径/less.js" type="text/javascript"></script>
最新文章
- [Unity] Shader - CG语言 流程控制语句
- AFNetworking3.0介绍,收藏
- 丙申年把真假美猴王囚禁在容器中跑 ASP.NET Core 1.0
- C# 中 SQLite 使用介绍
- POJ 1061 青蛙的约会(欧几里得扩展)
- javax.mail
- 【Codeforces Round】 #431 (Div. 2) 题解
- Collection 和 Collections的区别。(转)
- 谓词逻辑 p->;q 的真假
- shell特殊变量的使用
- day30-模块和包
- cygwin安装sshd服务并实现无密码登录
- hdu 5726 GCD 暴力倍增rmq
- idea 创建的maven+spring+mybatis项目整合 报错无法创建bean
- oracle 3大范式 理解
- 解决Anaconda4.2 Navigator打不开的问题
- vue根据数组对象中某个唯一标识去重
- mysql集群压测
- push images to private repostory
- xcode中的预定义宏