wepy-compiler-sass配置

Wepy-compiler-sass是一个用于WePY框架的SASS编译工具，它帮助我们在构建微信小程序项目时处理SCSS样式文件。配置wepy-compiler-sass通常涉及以下几个步骤：

1. 安装依赖：首先确保已经在项目中安装了`wepy`和`node-sass`，可以使用命令行运行`npm install wepy-cli node-sass sass-loader vue-style-loader --save-dev`。

2. 配置webpack：在`config/wepy.config.js`文件中，添加SASS相关的loader到Webpack配置中。例如，在`build`对象的`module.rules`数组中添加：

{
  test: /\.s[ac]ss$/,
  use: [
    'style-loader',
    'css-loader',
    'sass-loader'
  ]
}

3. 允许import：如果你的SCSS文件需要引入其他资源，记得在`.wpyrc`文件中启用`@use`功能，添加以下内容：

{
  "framework": {
    "weex": false,
    "vue": false,
    "wepy": true,
    "options": {
      "scss": {
        "features": ["@use"]
      }
    }
  }
}

4. 确保路径正确：引用SCSS文件时，路径应相对于`app.wxss`文件，而不是根目录。

5. 保存并刷新：配置完成后，保存更改，通过`wepy build`或`yarn run build`命令编译项目，看看是否能正确编译SCSS样式。