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 f37700990ab24f972d4dc98a8dc209e7585c886d..7cf75ecbe0405762cc10e39e64ad64e3b032496d 100644
--- a/packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js
+++ b/packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js
@@ -59,13 +59,21 @@ const sassLoader = {
 }
 
 if (sassLoaderVersion < 8) {
-  scssLoader.options.data = sassData
+  scssLoader.options.data = sassData
+  scssLoader.options.outputStyle = 'nested'
+
   sassLoader.options.data = sassData
+  sassLoader.options.outputStyle = 'nested'
   sassLoader.options.indentedSyntax = true
 } else {
-  scssLoader.options.prependData = sassData
+  scssLoader.options.prependData = sassData
+  scssLoader.options.sassOptions = {
+    outputStyle: 'nested'
+  }
+
   sassLoader.options.prependData = sassData
   sassLoader.options.sassOptions = {
+    outputStyle: 'nested',
     indentedSyntax: true
   }
 }