diff --git a/packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js b/packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js
index e2719ddfef884668ee44cdab616160c8843b2ff9..ac354fa36db37794c36487fe254e264e95b9d952 100644
--- a/packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js
+++ b/packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js
@@ -71,20 +71,20 @@ const sassLoader = {
 
 if (sassLoaderVersion < 8) {
   scssLoader.options.data = sassData
-  scssLoader.options.outputStyle = 'nested'
+  scssLoader.options.outputStyle = 'expanded'
 
   sassLoader.options.data = sassData
-  sassLoader.options.outputStyle = 'nested'
+  sassLoader.options.outputStyle = 'expanded'
   sassLoader.options.indentedSyntax = true
 } else {
   scssLoader.options.prependData = sassData
   scssLoader.options.sassOptions = {
-    outputStyle: 'nested'
+    outputStyle: 'expanded'
   }
 
   sassLoader.options.prependData = sassData
   sassLoader.options.sassOptions = {
-    outputStyle: 'nested',
+    outputStyle: 'expanded',
     indentedSyntax: true
   }
 }