Update Rollup to use HMR with Sapper

postcss.config.js

@@ -1,35 +1,29 @@
+const pkg = require('./package.json')
 const dev = process.env.NODE_ENV === 'development'
 
-let config = {
-    plugins: {
+module.exports = () => ({
+    plugins: [
         // Preset Env
-        'postcss-preset-env': {
-
-        },
+        require('postcss-preset-env')({}),
 
         // Autoprefixer
-        autoprefixer: {
-
-        },
+        require('autoprefixer')({}),
 
         // Extract media queries
-        // 'postcss-combine-media-query': {
+        // require('postcss-combine-media-query')({}),
 
-        // }
-    }
-}
+        // CSS Nano
+        !dev && require('cssnano')({
+            preset: 'default',
+            autoprefixer: true,
+            discardComments: { removeAll: true },
+            calc: { precision: 2 },
+            safe: true
+        }),
 
-// Production only
-// CSS Nano for production
-if (!dev) {
-    config.plugins.cssnano = {
-        preset: 'default',
-        autoprefixer: true,
-        discardComments: { removeAll: true },
-        calc: { precision: 2 },
-        safe: true
-    }
-}
-
-// Export
-module.exports = config
+        // Banner
+        !dev && require('postcss-banner')({
+            banner: `${pkg.name} v${pkg.version} \nBy ${pkg.author.name} \n${pkg.author.url}`
+        })
+    ]
+})