🚧 WIP change to postcss #3

Author: miminari

gridsome.config.js

@@ -1,14 +1,3 @@
-const path = require('path')
-
-function addStyleResource (rule) {
-  rule.use('style-resource')
-    .loader('style-resources-loader')
-    .options({
-      patterns: [
-        path.resolve(__dirname, './src/assets/sass/styles.sass'),
-      ],
-    })
-}
 module.exports = {
   siteName: 'Guntenberg Freaks',
   siteDescription: 'Playground for Gutenberg Freaks',
@@ -35,5 +24,19 @@ module.exports = {
         typeName: 'WordPress', // GraphQL schema name (Optional)
       }
     }
+  ],
+
+  css: [
+    {
+      loaderOptions: {
+        postcss: {
+          sourceMap: false,
+          plugins: [
+            require('autoprefixer')(),
+            require('postcss-preset-env')()
+          ]
+        }
+      }
+    }
   ]
 }

package-lock.json

@@ -9,16 +9,18 @@
   },
   "dependencies": {
     "@gridsome/source-wordpress": "^0.5.2",
-    "gridsome": "^0.7.12",
-    "postcss-preset-env": "^6.7.0"
+    "gridsome": "^0.7.12"
   },
   "devDependencies": {
+    "autoprefixer": "^9.7.4",
     "eslint": "^6.8.0",
     "eslint-config-airbnb-base": "^14.0.0",
     "eslint-plugin-gridsome": "^1.4.0",
     "eslint-plugin-import": "^2.20.0",
     "eslint-plugin-vue": "^6.1.2",
     "node-sass": "^4.13.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-preset-env": "^6.7.0",
     "sass-loader": "^8.0.2",
     "style-resources-loader": "^1.3.3",
     "vue-eslint-parser": "^7.0.0"