vue常见的扩展安装方式汇总

最新推荐文章于 2024-05-16 22:13:17 发布

AlexKain

最新推荐文章于 2024-05-16 22:13:17 发布

阅读量927

点赞数

分类专栏： vue 日常学习和储备[暂存区] 文章标签： vue vue扩展

本文链接：https://blog.csdn.net/webfullstack/article/details/80750692

版权

vue 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

日常学习和储备[暂存区]

24 篇文章 2 订阅

订阅专栏

less和sass
npm install less less-loader --save-dev
npm install sass sass-loader --save-dev

webpack.base.conf.js > module.exports =下module:{rules:[下添加


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

使用方式在style上添加lang=”less”

<style  scoped lang="less">
 .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>