zoukankan      html  css  js  c++  java
  • VUE2.0 vue-cli构建项目中使用Less

    vue-cli 构建的项目默认是不支持 less 的,需要自己添加。

    首先,在项目目录下安装 less 和 less-loader。

    npm install less less-loader --save-dev
    安装成功后,打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面添加一段:{test: /.less$/,loader: "style-loader!css-loader!less-loader" }
    module.exports = {
        //  此处省略无数行,已有的的其他的内容
        module: {
            rules: [
              //  此处省略无数行,已有的的其他的规则
              {
                test: /.less$/,
                loader: "style-loader!css-loader!less-loader"
              }
            ]
        }
    }

    最后,在代码中的 style 标签中 加上 lang="less" 属性即可

    <style scoped lang="less">
       .div1 {
             200px;
            height: 200px;
            .div2 {
                 100px;
                height: 100px;
            }
        }
    </style>
  • 相关阅读:
    计算几何
    差三角
    约瑟夫
    字符编码
    河南省赛之Substring
    移动字母
    抽屉原理
    不要为了完成代码而写代码
    分布式文件系统优化
    降低代码的复杂度
  • 原文地址:https://www.cnblogs.com/sexintercourse/p/12462139.html
Copyright © 2011-2022 走看看