fix: adjust postcss-loader order when using inline minification

tiwuofficial · Sep 11, 2018 · a2d1095 · a2d1095
1 parent 2f19904
commit a2d1095
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/packages/@vue/cli-service/lib/config/css.js b/packages/@vue/cli-service/lib/config/css.js
@@ -130,22 +130,23 @@ module.exports = (api, options) => {
           .loader('css-loader')
           .options(cssLoaderOptions)
 
+        if (hasPostCSSConfig) {
+          rule
+            .use('postcss-loader')
+            .loader('postcss-loader')
+            .options(Object.assign({ sourceMap }, loaderOptions.postcss))
+        }
+
         if (needInlineMinification) {
           rule
             .use('cssnano')
             .loader('postcss-loader')
             .options({
+              sourceMap,
               plugins: [require('cssnano')(cssnanoOptions)]
             })
         }
 
-        if (hasPostCSSConfig) {
-          rule
-            .use('postcss-loader')
-            .loader('postcss-loader')
-            .options(Object.assign({ sourceMap }, loaderOptions.postcss))
-        }
-
         if (loader) {
           rule
             .use(loader)