Add formio POC

.babelrc

@@ -1,6 +1,6 @@
 {
     "plugins": ["@roundingwellos/babel-plugin-handlebars-inline-precompile"],
-    "presets": [["@babel/preset-env", { "useBuiltIns": "usage", "corejs": 2 }]],
+    "presets": [["@babel/preset-env", { "useBuiltIns": "usage", "corejs": 3 }]],
     "env": {
       "test": {
         "plugins": [ "istanbul" ]

.stylelintrc

@@ -1,9 +1,11 @@
 {
-  "extends": "stylelint-config-recommended-scss",
+  "extends": "stylelint-config-recommended",
   "plugins": [
+    "stylelint-scss",
     "stylelint-order"
   ],
   "rules": {
+    "at-rule-no-unknown": null,
     "font-family-no-missing-generic-family-keyword": null,
     "indentation": 2,
     "length-zero-no-unit": true,
@@ -14,6 +16,7 @@
     "no-missing-end-of-source-newline": true,
     "order/properties-alphabetical-order": true,
     "property-case": "lower",
+    "scss/at-rule-no-unknown": true,
     "string-quotes": "single",
     "unit-case": "lower",
     "value-keyword-case": "lower"

config/webpack.env.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
 module.exports = {
-  isCI: process.env.CI,
+  isCI: !!process.env.CI,
   isProduction: process.env.NODE_ENV === 'production',
   jsRoot: path.resolve(process.cwd(), './src/js'),
   sassRoot: path.resolve(process.cwd(), './src/sass'),

config/webpack.rules.js

@@ -54,10 +54,9 @@ const postcssLoader = {
 const sassLoader = {
   loader: 'sass-loader',
   options: {
-    sourceMap: !isProduction,
     // Must import global variables/configs with each file
     // https://github.com/webpack-contrib/sass-loader/issues/218#issuecomment-266669156
-    data: `@import \'${ sassRoot }/provider-variables.scss\';`,
+    prependData: `@import \'${ sassRoot }/provider-variables.scss\';`,
   },
 };