修改scss文件配置、构建被忽略问题

build/webpack.config.js

@@ -6,6 +6,7 @@ const {
 
 module.exports = {
   mode: 'production',
+  stats: 'verbose',
   entry: {
     'zhicheng-components': './packages/index.js'
   },
@@ -39,7 +40,12 @@ module.exports = {
       },
       {
         test: /\.scss$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
+        use: [MiniCssExtractPlugin.loader, 'css-loader',  {
+          loader: 'sass-loader',
+          options: {
+            implementation: require('sass') // 显式指定 sass
+          }
+        }]
       },
       {
         test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i,

package.json

@@ -6,7 +6,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "module": "dist/zhicheng-components.esm.js",
   "files": [
     "dist",
@@ -26,8 +29,8 @@
     "eslint-plugin-vue": "~6.2.2",
     "file-loader": "^6.2.0",
     "mini-css-extract-plugin": "^1.6.2",
-    "sass": "^1.89.2",
+    "sass": "^1.32.13",
-    "sass-loader": "~10.2.0",
+    "sass-loader": "^8.0.2",
     "style-loader": "~2.0.0",
     "url-loader": "^4.1.1",
     "vue": "^2.6.14",

packages/index.js

@@ -8,6 +8,7 @@ import GuipRadio from './GuipRadio'
 import 'element-ui/lib/theme-chalk/index.css' // 如果依赖Element
 import './styles/index.css' // 全局引入
 import './styles/common.scss' // 全局引入
+import './styles/test.scss' // 全局引入
 
 const components = [
   GuipButton,