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

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>