2019-12-02

一、less的使用

1. 在webpack打包搭建好项目后, 可以使用less预编译css

2. 具体使用步骤:

第一步: 在npm已安装的前提下, 执行npm i less less-loader -S  命令。

第二步:在webpack配置文件中build/webpack.base.conf.js,在module的rules添加如下配置:


注意: 修改配置文件后, 运行重启。

第三步: 在需要用到的地方, 在style标签上, 加上属性lang,指定使用样式


scoped为只在当前组件有效,根据实际情况添加

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置,但...
    yichen_china阅读 5,244评论 0 3
  • Webpack学习总结 此文只是自己学习webpack的一些总结,方便自己查阅,阅读不变,非常抱歉!! 下载安装:...
    Lxs_597阅读 4,592评论 0 0
  • webpack使用学习 本分享学习借鉴webpack中文官网,官网链接(中文文档):https://www.web...
    腿毛怪丶叔叔阅读 4,357评论 0 5
  • yarn 定位 包管理工具 替代npm 特点 安装速度快 版本锁定 缓存机制 安装yarn npm install...
    欢喜_94a4阅读 3,526评论 0 0
  • 我在玉兰树下久久伫立,忽惊觉,这竟已是晚春了么,嫩叶悄悄地抬起了头,挤得花瓣慢慢落下,我极喜欢玉兰花瓣飘在空中的瞬...
    沐筱mx阅读 3,496评论 0 10