编译配置 sassLoaderOption 导致所有小程序平台编译报错

[b2nil]

相关平台

所有小程序平台

复现仓库

https://github.com/b2nil/taro-ui-vue3-demo
小程序基础库: 2.14.0
使用框架: Vue 3

复现步骤

• 新建一个 Taro 项目，或者直接 clone 上面的复现仓库到本地
• 在 config/index.js 中配置 sassLoaderOption:

  h5: {
      sassLoaderOption: {
          implementation: require("dart-sass")
      },
  }

• 运行 yarn build:weapp 或其他任何小程序平台的编译命令

期望结果

小程序平台编译成功

实际结果

小程序编译失败，报以下错误：

�   编译失败.

./src/app.config.ts
Module build failed (from ./node_modules/@tarojs/mini-runner/node_modules/babel-loader/lib/index.js):
Error: Unknown option: .call$2. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
    at Array.forEach (<anonymous>)
    at loadPrivatePartialConfig.next (<anonymous>)
    at Generator.next (<anonymous>)
    at Generator.next (<anonymous>)

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

环境信息

Taro CLI 3.0.16 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 12.18.1
      Yarn: 1.22.5
      npm: 6.14.5

---

补充信息

在编译配置的 mini 或 h5 字段下配置 sassLoaderOption，小程序平台均会编译失败，但 h5 平台可以编译成功。

不配置 sassLoaderOption，小程序平台则可编译成功。

这个问题最坑的是，h5 平台的配置，影响了小程序平台的编译，花了好长时间才排查到是这个配置导致的问题，/(ㄒoㄒ)/~~。

[ppbl]

遇到同样的问题～

[Chen-jj]

问题在于这里：

[Chen-jj]

3.2.6 修复