fix: update css loaderOptions

update css loaderOptions for vite
originjs · Jun 26, 2021 · 3734195 · 3734195
1 parent 4ca5e8c
commit 3734195
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/transform/transformVuecli.ts b/src/transform/transformVuecli.ts
@@ -35,9 +35,14 @@ export class VueCliTransformer implements Transformer {
       // css options
       if (css.loaderOptions) {
         config.css = {}
-        config.css.preprocessorOptions = css.loaderOptions
-        if (config.css.preprocessorOptions?.sass?.additionalData?.indexOf('scss') && !Object.prototype.hasOwnProperty.call(config.css.preprocessorOptions, 'scss')) {
-          config.css.preprocessorOptions.scss = JSON.parse(JSON.stringify(css.loaderOptions.sass))
+        const strfy = JSON.stringify(css.loaderOptions)
+        config.css.preprocessorOptions = JSON.parse(strfy)
+        if (css.loaderOptions?.less?.lessOptions?.modifyVars) {
+          config.css.preprocessorOptions.less.modifyVars = JSON.parse(strfy).less.lessOptions.modifyVars
+          delete config.css.preprocessorOptions.less.lessOptions.modifyVars
+        }
+        if (css.loaderOptions?.sass?.additionalData?.indexOf('scss') && !Object.prototype.hasOwnProperty.call(css.loaderOptions, 'scss')) {
+          config.css.preprocessorOptions.scss = JSON.parse(strfy).sass
         }
       }