在vue项目中使用less

zzz-knight 2019-09-27 原文

在vue项目中使用less

1.安装 less 和 less-loader。

命令:         npm install less less-loader –save-dev
 
2.打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面
添加一段{test: /.less$/,loader: “style-loader!css-loader!less-loader” }

 

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

发表于
2019-09-27 16:38 昭z 阅读() 评论() 编辑 收藏

 

版权声明:本文为zzz-knight原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/zzz-knight/p/11598843.html

在vue项目中使用less的更多相关文章

随机推荐

  1. 分享一个全站繁体转换

    既然是全站的 那么 单独页面神马的也就很简单了 js代码 View Code //模仿语言包式的简繁转换功能插 […]...

  2. nginx使用ssl模块配置支持HTTPS访问,腾讯云申请免费证书

    开始我尝试用 let\’s encrypt 让http 变 https 官方:https://gi […]...

  3. Cobalt Strike从入门到精通之定制配置文件进行高级攻击

    在线视频地址 Cobalt Strike的配置文件讲解 简介 Beacon是Cobalt Strike为高级攻 […]...

  4. OTRS工单管理系统

    OTRS简介   OTRS的名字是由Open-source Ticket Request System首字母縮 […]...

  5. php 直播实现

    直播案例 (本文使用的是PHP) 本文使用的第三方是腾讯快直播 1. 首先先去腾讯云控制台并进入快直播管理页面2. 直播所需两个域名,推流地址,拉流地址3. 推流地址腾讯提供了4. 现在获取拉流域名a. 登录阿里,或者腾讯,...

  6. thinkphp开发微信小程序后台流程

    thinkphp开发微信小程序后台流程,简单分享一下微信开发流程 1,注册微信小程序账号 2,注册好后,登陆微 […]...

  7. 代码安全性和健壮性:如何在if和assert中做选择?

    道哥的第 023 篇原创 目录 一、前言 二、assert 断言 assert 是一个宏,不是一个函数 三、i […]...

  8. eShopOnContainers 知多少[12]:Envoy gateways

    1. 引言 在最新的eShopOnContainers 3.0 中Ocelot 网关被Envoy Proxy […]...

展开目录

目录导航