feat(cli): Compatible with sass-loader@9 #1861

packages/vue-cli-plugin-hbuilderx/build/css-loader.conf.js

@@ -25,7 +25,7 @@ const postcssLoader = {
   options: {
     sourceMap: false,
     parser: require('postcss-comment'),
-    plugins: [
+    plugins: [
       require('postcss-import')({
         resolve (id, basedir, importOptions) {
           if (id.startsWith('~@/')) {
@@ -77,12 +77,13 @@ if (sassLoaderVersion < 8) {
   sassLoader.options.outputStyle = 'expanded'
   sassLoader.options.indentedSyntax = true
 } else {
-  scssLoader.options.prependData = sassData
+  const name = sassLoaderVersion >= 9 ? 'additionalData' : 'prependData'
+  scssLoader.options[name] = sassData
   scssLoader.options.sassOptions = {
     outputStyle: 'expanded'
   }
 
-  sassLoader.options.prependData = sassData
+  sassLoader.options[name] = sassData
   sassLoader.options.sassOptions = {
     outputStyle: 'expanded',
     indentedSyntax: true

packages/vue-cli-plugin-uni/lib/options.js

@@ -85,8 +85,9 @@ module.exports = function initOptions (options) {
 
   if (sassLoaderVersion < 8) {
     options.css.loaderOptions.sass.data = sassData
-  } else {
-    options.css.loaderOptions.sass.prependData = sassData
+  } else {
+    const name = sassLoaderVersion >= 9 ? 'additionalData' : 'prependData'
+    options.css.loaderOptions.sass[name] = sassData
   }
 
   const userPostcssConfigPath = path.resolve(process.env.UNI_INPUT_DIR, 'postcss.config.js')