在vue项目中使用less


1.首选,安装 less 和 less-loader ,在项目目录下运行如下命令

npm install less less-loader --save-dev

2.在配置文件webpack.config.js中添加如下代码

module: {

rules: [

...

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

}

]

}

3.在页面中添加


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,416评论 7 35
  • 学习流程 参考文档:入门Webpack,看这篇就够了Webpack for React 一. 简单使用webpac...
    Jason_Zeng阅读 3,280评论 2 16
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,950评论 7 110
  • Webpack学习总结 此文只是自己学习webpack的一些总结,方便自己查阅,阅读不变,非常抱歉!! 下载安装:...
    Lxs_597阅读 1,124评论 0 0
  • 惠若琪的最后一个探头突如其来,然后球场的一边凝固,另一边沸腾,然后全场沸腾。女排姑娘们,跳跃,拥抱,热泪。我的心开...
    潇润阅读 182评论 0 0

友情链接更多精彩内容