老师,Vue项目中能使用less等工具吗?css样式表引入
用Vue的话,样式都直接写在.vue页面中的<style>标签里了,那还能用引入样式表的方式引入吗?就是用<link>引入那种?
在Vue中如何使用less呢?
2
收起
正在回答 回答被采纳积分+1
3回答
好帮手慕糖
2019-03-01 13:53:26
你好,是的哦,这里都是类似的,需要在style标签中添加 lang="less"。
安装less的命令为:npm install less less-loader --save
同时需要修改配置文件,配置loader加载依赖,让其支持外部的less可参考如下:
打开build/webpack.base.conf.js,在module.exports 对象中添加依赖:
module.exports = { module: { rules: [ { test: /\.less$/, loader: "style-loader!css-loader!less-loader" } ] }
希望能帮助到你,欢迎采纳。
祝学习愉快!
热门框架Vue开发WebApp 18版
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星