fix(#84): Move postcss-modules plugins to last (#86)

znck · web-flow · commit d4ae5be72567 · 2019-04-11T09:59:53.000+05:30
diff --git a/src/compiler.ts b/src/compiler.ts
@@ -229,22 +229,24 @@ export class SFCCompiler {
       style.module === true || typeof style.module === 'string'
     const needsCleanCSS =
       this.template.isProduction && !(this.style.postcssCleanOptions && this.style.postcssCleanOptions.disabled)
-    const postcssPlugins = [
-      needsCSSModules
-        ? postcssModules({
-            generateScopedName: '[path][local]-[hash:base64:4]',
-            ...this.style.postcssModulesOptions,
-            getJSON: (t: any) => {
-              tokens = t
-            }
-          })
-        : undefined,
-      needsCleanCSS
-        ? postcssClean(this.style.postcssCleanOptions)
-        : undefined
-    ]
-      .concat(this.style.postcssPlugins)
+    const postcssPlugins = (this.style.postcssPlugins || [])
+      .slice()
+      .concat([
+        needsCleanCSS
+          ? postcssClean(this.style.postcssCleanOptions)
+          : undefined,
+        needsCSSModules
+          ? postcssModules({
+              generateScopedName: '[path][local]-[hash:base64:4]',
+              ...this.style.postcssModulesOptions,
+              getJSON: (t: any) => {
+                tokens = t
+              }
+            })
+          : undefined,
+      ])
       .filter(Boolean)
+    
     const preprocessOptions =
       (style.lang &&
         this.style.preprocessOptions &&
