zoukankan      html  css  js  c++  java
  • vue2.0中 怎么引用less?

    vue2.0中  怎么引用less?

    第一步:

    安装less依赖, npm install less less-loader --save

    第二步:

    修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加

    {
    
      test: /.less$/,
    
      loader: "style-loader!css-loader!less-loader",
    
    }
    

    现在基本上已经安装完成了,然后在使用的时候在style标签里加上lang=”less”里面就可以写less的代码了(style标签里加上 scoped 为只在此作用域 有效)

    (或者

    @import './app.less'; //引入全局app.less文件

    )。

    (

    html中直接引入:

    <link rel="stylesheet/less" type="text/css" href="文件路径/styles.less">
    <script src="文件路径/less.js" type="text/javascript"></script>

    )

  • 相关阅读:
    开机自动挂载分区
    Wine安装
    ubuntu 将idea/vscode快捷方式加入到启动器中
    在Linux上安装Java
    httpclient
    shiro
    redis-随笔
    maven
    spring的aop
    spring事务知识梳理
  • 原文地址:https://www.cnblogs.com/maqingyuan/p/9505911.html
Copyright © 2011-2022 走看看