web前端:在vue项目中使用less

您所在的位置:网站首页 vue项目使用less web前端:在vue项目中使用less

web前端:在vue项目中使用less

2022-05-03 10:16| 来源: 网络整理| 查看: 265

  Less是一门css预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让CSS更易维护、方便制作主题、扩充。Less可以运行在Node或浏览器端。

  操作步骤一:

  安装less和less-loader。

  命令:npminstalllessless-loader--save-dev

  操作步骤二:

  打开build/webpack.base.conf.js,在module.exports=的对象的module.rules后面

  添加一段:{test:/.less$/,loader:"style-loader!css-loader!less-loader"}

web前端:在vue项目中使用less_html_vue_less_课课家

  操作步骤三:

  代码中的style标签中加上lang="less"属性即可使用,或者通过@import引入.less文件

  CSS(层叠样式表)是一门历史悠久的标记性语言,同html一道,被广泛应用于万维网(WorldWideweb)中。HTML主要负责文档结构的定义,CSS负责文档表现形式或样式的定义。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3