新增控制台界面与相关资源，修复激活命令误判失败，并兼容 package 版本与 CardsoonServer 打包路径。

Co-authored-by: Cursor <cursoragent@cursor.com>

.electron-vue/sass-loader-config.js

@@ -0,0 +1,40 @@
+'use strict'
+
+const silenceLegacySassApi = {
+  sassOptions: {
+    silenceDeprecations: ['legacy-js-api']
+  }
+}
+
+module.exports = {
+  scss: {
+    loader: 'sass-loader',
+    options: silenceLegacySassApi
+  },
+  sass: {
+    loader: 'sass-loader',
+    options: {
+      indentedSyntax: true,
+      ...silenceLegacySassApi
+    }
+  },
+  vueScssLoaders: [
+    'vue-style-loader',
+    'css-loader',
+    {
+      loader: 'sass-loader',
+      options: silenceLegacySassApi
+    }
+  ],
+  vueSassLoaders: [
+    'vue-style-loader',
+    'css-loader',
+    {
+      loader: 'sass-loader',
+      options: {
+        indentedSyntax: true,
+        ...silenceLegacySassApi
+      }
+    }
+  ]
+}

.electron-vue/webpack.renderer.config.js

@@ -12,6 +12,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const { VueLoaderPlugin } = require('vue-loader')
+const sassLoaders = require('./sass-loader-config')
 
 /**
  * List of node_modules to include in webpack bundle
@@ -45,11 +46,11 @@ let rendererConfig = {
       },
       {
         test: /\.scss$/,
-        use: ['vue-style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
+        use: ['vue-style-loader', 'css-loader', 'postcss-loader', sassLoaders.scss]
       },
       {
         test: /\.sass$/,
-        use: ['vue-style-loader', 'css-loader', 'postcss-loader', 'sass-loader?indentedSyntax']
+        use: ['vue-style-loader', 'css-loader', 'postcss-loader', sassLoaders.sass]
       },
       {
         test: /\.less$/,
@@ -79,8 +80,8 @@ let rendererConfig = {
           options: {
             extractCSS: process.env.NODE_ENV === 'production',
             loaders: {
-              sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1',
-              scss: 'vue-style-loader!css-loader!sass-loader',
+              sass: sassLoaders.vueSassLoaders,
+              scss: sassLoaders.vueScssLoaders,
               less: 'vue-style-loader!css-loader!less-loader'
             }
           }

.electron-vue/webpack.web.config.js

@@ -12,6 +12,7 @@ const CopyWebpackPlugin = require('copy-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const { VueLoaderPlugin } = require('vue-loader')
+const sassLoaders = require('./sass-loader-config')
 
 let webConfig = {
   devtool: '#cheap-module-eval-source-map',
@@ -33,11 +34,11 @@ let webConfig = {
       },
       {
         test: /\.scss$/,
-        use: ['vue-style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
+        use: ['vue-style-loader', 'css-loader', 'postcss-loader', sassLoaders.scss]
       },
       {
         test: /\.sass$/,
-        use: ['vue-style-loader', 'css-loader', 'postcss-loader', 'sass-loader?indentedSyntax']
+        use: ['vue-style-loader', 'css-loader', 'postcss-loader', sassLoaders.sass]
       },
       {
         test: /\.less$/,
@@ -64,8 +65,8 @@ let webConfig = {
           options: {
             extractCSS: true,
             loaders: {
-              sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax=1',
-              scss: 'vue-style-loader!css-loader!sass-loader',
+              sass: sassLoaders.vueSassLoaders,
+              scss: sassLoaders.vueScssLoaders,
               less: 'vue-style-loader!css-loader!less-loader'
             }
           }