chore: enable css grid fallbacks and show unminified CSS in non-production environments

kaseybon · kaseybon · commit dd04e64f13dc · 2019-12-17T15:59:58.000-05:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,3 +1,5 @@
+const autoprefixer = require('autoprefixer');
+
 module.exports = {
-  plugins: [require('autoprefixer')]
+  plugins: [autoprefixer({grid: true})]
 };
diff --git a/webpack.common.js b/webpack.common.js
@@ -41,7 +41,12 @@ module.exports = {
           },
           {
             loader: 'sass-loader',
-            options: { sourceMap: !PRODUCTION }
+            options: {
+              sourceMap: !PRODUCTION,
+              sassOptions: {
+                outputStyle: PRODUCTION ? 'compressed' : 'expanded'
+              }
+            }
           }
         ]
       },

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,12 @@ module.exports = {`
`41`	`41`	`},`
`42`	`42`	`{`
`43`	`43`	`loader: 'sass-loader',`
`44`		`- options: { sourceMap: !PRODUCTION }`
	`44`	`+ options: {`
	`45`	`+ sourceMap: !PRODUCTION,`
	`46`	`+ sassOptions: {`
	`47`	`+ outputStyle: PRODUCTION ? 'compressed' : 'expanded'`
	`48`	`+ }`
	`49`	`+ }`
`45`	`50`	`}`
`46`	`51`	`]`
`47`	`52`	`},`