vue2项目怎么引入sass

在Vue2项目中引入Sass，你可以按照以下步骤操作：

1. **安装Node.js**：如果你还没有安装，首先需要从https://nodejs.org/ 下载并安装。

2. **全局安装依赖**：打开终端（Mac/Linux）或命令提示符（Windows），运行以下命令安装`node-sass`和`sass-loader`以及`vue-style-loader`（后者用于处理`.scss`文件）：

   npm install -D node-sass sass-loader vue-style-loader

3. **配置webpack**：打开项目的`webpack.config.js` 文件，找到`module.rules`部分，在其中添加一个新的规则来处理`.scss`文件：

   module.exports = {
     // ...其他配置
     module: {
       rules: [
         {
           test: /\.s[ac]ss$/i,
           use: ['style-loader', 'css-loader', 'sass-loader'],
         },
         // 其他rules...
       ],
     },
   };

这里假设你已经配置了CSS的处理（如`.css`文件）。如果还没配置，可以参考`{test: /\.css$/i}`这部分。

4. **保存并重启服务**：保存文件后，你需要通过`npm run serve` 或者 `yarn run serve` （取决于你的脚手架配置）来重启Webpack dev server。

现在，你就可以在Vue组件的`.vue`文件中编写`.scss`或`.sass`样式了，并且它们会被编译成CSS应用到页面上。