Fix prod css/sass sourcemaps (laravel-mix#1793)

Sass sourcemaps fail to generate in production builds due to cssnano combined with OptimizeCSSAssetsPlugin. Moving cssnano into postcss-loader resolves issue. More detail https://www.webfoobar.com/node/109 Note eval-source-maps still will not work at all for CSS, so implementers must use `Mix.sourceMaps(true, 'source-map')` to allow development builds to successfully generate sourcemaps.
bentaber · Nov 20, 2019 · df3f71a · df3f71a
1 parent d432101
commit df3f71a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/builder/webpack-default.js b/src/builder/webpack-default.js
@@ -39,14 +39,7 @@ module.exports = function() {
 
         optimization: Mix.inProduction()
             ? {
-                  minimizer: [
-                      new TerserPlugin(Config.terser),
-                      new OptimizeCSSAssetsPlugin({
-                          cssProcessorPluginOptions: {
-                              preset: ['default', Config.cssNano]
-                          }
-                      })
-                  ]
+                  minimizer: [new TerserPlugin(Config.terser)]
               }
             : {},
 

diff --git a/src/components/Preprocessor.js b/src/components/Preprocessor.js
@@ -65,6 +65,12 @@ class Preprocessor {
                                     );
                                 }
 
+                                if (Mix.inProduction()) {
+                                    require('cssnano')({
+                                        preset: 'default'
+                                    });
+                                }
+
                                 return plugins;
                             })()
                         }