vue 项目中使用sass

Posted 2023-04-20

参考技术A sass 参考： https://sass.bootcss.com/

如果在vue脚手架搭建的项目中需要使用sass，建议初始化时勾选sass配置，自行安装，选择默认的dart-sass

映射（Maps）
它类似js里面从对象中获取属性的值，除了获取属性值，还有对映射属性的判断、移除，获取属性名和所有属性值等方法，根据需要自行使用

在vue项目当中使用sass

需要分别安装node-sass 和 sass-loader;可以不需要ruby;

webpack当中配置

{
    test: /\.vue$/,
    loader: ‘vue-loader‘,
    options: {
      loaders: {
        ‘scss‘: ‘style-loader!css-loader!sass-loader‘
      }
    }
 }

使用的时候要记得在style当中加lang="scss"