fix: fix css option is covered when convert 'style-resources-loader' …

…pluginOptions
originjs · Jul 29, 2021 · 9d06d55 · 9d06d55
1 parent 4c26bef
commit 9d06d55
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/transform/transformVuecli.ts b/src/transform/transformVuecli.ts
@@ -156,22 +156,26 @@ export class VueCliTransformer implements Transformer {
     }
 
     public transformGlobalCssImports (rootDir: string, pluginOptions, config: ViteConfig) {
-      config.css = {};
-      config.css.preprocessorOptions = {};
       let additionalData = '';
       const preProcessor = pluginOptions['style-resources-loader'].preProcessor;
       const patterns = pluginOptions['style-resources-loader'].patterns;
       patterns.forEach(pattern => {
         additionalData = additionalData + '@import "' + pattern.slice(rootDir.length + 1).replace(/\\/g, '/') + '";';
       });
       if (preProcessor === 'less') {
-        config.css.preprocessorOptions.less = {};
+        if (config?.css?.preprocessorOptions?.less?.additionalData) {
+          additionalData += config?.css?.preprocessorOptions?.less?.additionalData
+        }
         config.css.preprocessorOptions.less.additionalData = additionalData;
       } else if (preProcessor === 'scss') {
-        config.css.preprocessorOptions.scss = {};
+        if (config?.css?.preprocessorOptions?.scss?.additionalData) {
+          additionalData += config?.css?.preprocessorOptions?.scss?.additionalData
+        }
         config.css.preprocessorOptions.scss.additionalData = additionalData;
       } else if (preProcessor === 'styl') {
-        config.css.preprocessorOptions.styl = {};
+        if (config?.css?.preprocessorOptions?.styl?.additionalData) {
+          additionalData += config?.css?.preprocessorOptions?.styl?.additionalData
+        }
         config.css.preprocessorOptions.styl.additionalData = additionalData;
       }
     }