@quicktvui/web-cli 1.0.0-beta.41 → 1.0.0-beta.43

package/lib/webpack.config.js

@@ -96,7 +96,43 @@ function detectCSSLoader() {
   return 'style-loader'
 }
 
+/**
+ * 检测全局 Sass 变量文件
+ * 注意：返回绝对路径，避免 sass 相对于当前文件解析路径的问题
+ */
+function detectSassAdditionalData() {
+  // 常见的全局变量文件路径
+  const possiblePaths = [
+    'src/styles/variables.scss',
+    'src/styles/variables.sass',
+    'src/styles/_variables.scss',
+    'src/styles/_variables.sass',
+    'src/assets/styles/variables.scss',
+    'src/assets/styles/variables.sass',
+    'src/assets/scss/variables.scss',
+    'src/assets/scss/variables.sass',
+    'src/assets/scss/_variables.scss',
+    'src/assets/scss/_variables.sass',
+    'src/scss/variables.scss',
+    'src/scss/variables.sass',
+    'src/scss/_variables.scss',
+    'src/scss/_variables.sass',
+    'src/css/variables.scss',
+    'src/css/variables.sass',
+  ]
+
+  for (const relativePath of possiblePaths) {
+    const fullPath = path.join(projectRoot, relativePath)
+    if (fs.existsSync(fullPath)) {
+      // 使用绝对路径，避免 sass 相对于当前编译文件解析路径的问题
+      return `@import "${fullPath}";\n`
+    }
+  }
+  return ''
+}
+
 const cssLoader = detectCSSLoader()
+const sassAdditionalData = detectSassAdditionalData()
 
 // 获取 web-cli 目录下的 loader 路径
 const cliDir = path.resolve(__dirname, '..')
@@ -240,9 +276,29 @@ module.exports = {
       { test: /\.css$/, use: [cssLoader] },
       // Less
       { test: /\.less$/, use: [cssLoader, 'less-loader'] },
-      // Sass/SCSS
-      { test: /\.scss$/, use: [cssLoader, 'sass-loader'] },
-      { test: /\.sass$/, use: [cssLoader, 'sass-loader'] },
+      // Sass/SCSS - 自动注入全局变量文件
+      {
+        test: /\.scss$/,
+        use: [
+          cssLoader,
+          {
+            loader: 'sass-loader',
+            options: sassAdditionalData ? { additionalData: sassAdditionalData } : {},
+          },
+        ],
+      },
+      {
+        test: /\.sass$/,
+        use: [
+          cssLoader,
+          {
+            loader: 'sass-loader',
+            options: sassAdditionalData
+              ? { additionalData: sassAdditionalData, sassOptions: { indentedSyntax: true } }
+              : { sassOptions: { indentedSyntax: true } },
+          },
+        ],
+      },
       // 图片
       {
         test: /\.(png|jpe?g|gif|webp|svg)$/i,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/web-cli",
-  "version": "1.0.0-beta.41",
+  "version": "1.0.0-beta.43",
   "description": "CLI tool for QuickTVUI web development - zero configuration",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",
@@ -58,4 +58,4 @@
   "engines": {
     "node": ">=16.0.0"
   }
-}
+}