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

最新推荐文章于 2025-07-17 13:47:36 发布

原创最新推荐文章于 2025-07-17 13:47:36 发布 · 978 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #vue扩展

vue 同时被 2 个专栏收录

32 篇文章

订阅专栏

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

24 篇文章

订阅专栏

本文介绍如何在Webpack中配置LESS与SASS预处理器，并提供了具体的安装命令及配置示例。通过这些步骤，开发者可以轻松地在项目中集成这两种流行的CSS扩展语言。

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>