vue2 scss怎么配置

在Vue 2项目中配置SCSS，你需要按照以下步骤进行操作1. 首先，在项目根目录中安装`node-sass`和`sass-loader`。你可以使用以下命令执行安装：

npm install node-sass sass-loader --save-dev

2. 安装完成后，打开项目的 `vue.config.js` 文件（如果没有，请在根目录创建一个），并添加以下配置：

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import "@/styles/main.scss";`
      }
    }
  }
}

这将告诉Vue将 `main.scss` 文件作为全局的SCSS文件引入。

3. 在你的项目中创建 `src/styles` 目录，并在该目录下创建 `main.scss` 文件。这个文件将作为你的全局SCSS样式文件。

4. 在 `main.scss` 文件中，你可以编写你的全局样式，例如：

$primary-color: #ff0000;

body {
  background-color: $primary-color;
}

这样，你就可以在整个Vue项目中使用这些全局样式了。

请注意，以上步骤假设你已经使用了Vue CLI来创建你的项目。如果你是手动搭建的Vue项目，你需要对应地进行一些调整。

希望对你有所帮助！如果还有其他问题，请随时提问。