Output CSS sourcemaps in separate file (facebook#5131)

* Output CSS sourcemaps in separate file * explain options
zmitry · Sep 27, 2018 · 59b51e0 · 59b51e0
1 parent a8fdecd
commit 59b51e0
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/config/webpack.config.prod.js b/config/webpack.config.prod.js
@@ -158,7 +158,17 @@ module.exports = {
         sourceMap: shouldUseSourceMap,
       }),
       new OptimizeCSSAssetsPlugin({
-        cssProcessorOptions: { parser: safePostCssParser },
+        cssProcessorOptions: {
+          parser: safePostCssParser,
+          map: {
+            // `inline: false` forces the sourcemap to be output into a
+            // separate file
+            inline: false,
+            // `annotation: true` appends the sourceMappingURL to the end of
+            // the css file, helping the browser find the sourcemap
+            annotation: true,
+          },
+        },
       }),
     ],
     // Automatically split vendor and commons