@dcloudio/vue-cli-plugin-uni 2.0.2-4050620250310001 → 2.0.2-4050620250311002

package/lib/env.js

@@ -45,6 +45,23 @@ process.env.UNI_APP_VERSION_NAME = manifestJsonObj.versionName
 process.env.UNI_APP_VERSION_CODE = manifestJsonObj.versionCode
 process.env.VUE_APP_DARK_MODE = (manifestJsonObj[process.env.UNI_PLATFORM] || {}).darkmode || false
 
+// 如果配置了 dart-sass 或者是 Mac Arm 版本
+
+const {
+  isInHBuilderX
+} = require('@dcloudio/uni-cli-shared/lib/util')
+if (isInHBuilderX) {
+  const isMacArm = process.platform === 'darwin' && process.arch === 'arm64'
+  if (isMacArm && manifestJsonObj.sassImplementationName === 'node-sass') {
+    console.warn('HBuilderX Mac Arm 版本 manifest.json->sassImplementationName 仅支持 dart-sass')
+  }
+  if (manifestJsonObj.sassImplementationName !== 'node-sass' || isMacArm) {
+    process.env.UNI_SASS_IMPLEMENTATION_NAME = 'dart-sass'
+    moduleAlias.addAlias('sass', path.resolve(process.env.UNI_HBUILDERX_PLUGINS,
+      'compile-dart-sass/node_modules/sass'))
+  }
+}
+
 // 小程序 vue3 标记
 if (process.env.UNI_PLATFORM.indexOf('mp-') === 0) {
   if (manifestJsonObj.vueVersion === '3' || manifestJsonObj.vueVersion === 3) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcloudio/vue-cli-plugin-uni",
-  "version": "2.0.2-4050620250310001",
+  "version": "2.0.2-4050620250311002",
   "description": "uni-app plugin for vue-cli 3",
   "main": "index.js",
   "repository": {
@@ -17,7 +17,7 @@
   "author": "fxy060608",
   "license": "Apache-2.0",
   "dependencies": {
-    "@dcloudio/uni-stat": "^2.0.2-4050620250310001",
+    "@dcloudio/uni-stat": "^2.0.2-4050620250311002",
     "buffer-json": "^2.0.0",
     "clone-deep": "^4.0.1",
     "cross-env": "^5.2.0",
@@ -41,5 +41,5 @@
     "copy-webpack-plugin": ">=5",
     "postcss": ">=7"
   },
-  "gitHead": "bf64a92aa5bc2045e260b02c6bd59d0f7a8e9816"
+  "gitHead": "51a311fa248d17b5a3434847b3afbd6115fa7650"
 }

package/packages/sass-loader/dist/getDefaultSassImplementation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 
 function getDefaultSassImplementation() {
-  if (process.platform === 'darwin' && process.arch === 'arm64') {
+  if (process.env.UNI_SASS_IMPLEMENTATION_NAME === 'dart-sass') {
     if (require('@dcloudio/uni-cli-shared').isInHBuilderX) {
       return require('sass');
     }

package/util/format-errors.js

@@ -22,15 +22,55 @@ function formatMessage (msg) {
 
 const installPreprocessorTips = {}
 
-const isHBuilderXArm = process.platform === 'darwin' && process.arch === 'arm64'
+const isMacArm = process.platform === 'darwin' && process.arch === 'arm64'
+if (process.env.UNI_SASS_IMPLEMENTATION_NAME === 'dart-sass') {
+  let timeout
+  const originalStderrWrite = process.stderr.write
+  process.stderr.write = function (chunk, encoding, callback) {
+    if (typeof chunk === 'string' && chunk.includes('More info and automated migrator')) {
+      clearTimeout(timeout)
+      timeout = setTimeout(() => {
+        console.error(formatDartSassMessage(chunk))
+      }, 10)
+    }
+    return originalStderrWrite.apply(process.stderr, arguments)
+  }
+}
+
+function formatDartSassError (message) {
+  const msgs = []
+  const syntaxMsgs = []
+  // 识别 /deep/ 语法
+  if (message.includes('/deep/')) {
+    syntaxMsgs.push('将深度选择器 /deep/ 调整为 ::v-deep')
+  }
+  // 识别除法
+  if (message.includes('Using / for division is deprecated')) {
+    syntaxMsgs.push('将除法修改为 math.div()')
+  }
+  const address = 'https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-preprocessor'
+  const syntaxMsg = syntaxMsgs.length ? `，${syntaxMsgs.join(';')}` : ''
+  msgs.push(
+    `方案1：调整为 dart-sass 支持的语法${syntaxMsg}，详情：${address}`
+  )
+  msgs.push(
+    `方案2：如果您希望继续使用node-sass，${isMacArm ? '需要更换为 HBuilderX Mac Intel 版本，并且' : '您可以'}在 manifest.json 中配置 "sassImplementationName": "node-sass"，详情：${address}`
+  )
+  return msgs.join('\n')
+}
+
+function formatDartSassMessage (message) {
+  const lineBreak = '\n  \n'
+  const dartSassMsg = formatDartSassError(message)
+  return `${lineBreak}Vue2 scss 预编译器默认已由 node-sass 更换为 dart-sass，如果您的代码使用了 dart-sass 不支持的旧语法，可能存在部分不兼容的问题。
+解决方案：
+${dartSassMsg}${lineBreak}`
+}
 
 function ModuleBuildError (err) {
-  if (isHBuilderXArm) {
+  if (process.env.UNI_SASS_IMPLEMENTATION_NAME === 'dart-sass') {
     if (err.message.includes('SassError:')) {
-      err.message = err.message + `\n  \nHBuilderX Mac Arm 版 Vue2 sass 预编译器已由 node-sass 更换为 dart-sass，可能存在部分语法不兼容的问题（https://ask.dcloud.net.cn/question/205992）。
-解决方案：
-1. 调整为 dart-sass 支持的语法，比如：将深度选择器 /deep/ 调整为 ::v-deep，官方网站：https://sass-lang.com/
-2. 使用 HBuilderX Mac Intel 版本，下载地址：https://www.dcloud.io/hbuilderx.html\n  \n`
+      err.message = formatDartSassMessage(err.message) + err.message
     }
   }
   const lines = err.message.split('\n')