vue2安装scss

vue2安装scss

1、下载

npm install -D sass sass-loader

2、新建src/styles/variables.scss文件，并在里面写一些常用的公共样式，在vue.config.js中添加css部分

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import "@/styles/variables.scss";`
      }
    }
  }
})

3、使用

<style lang="scss">
.hello {
  color: red;
}
</style>