try and get core.css loaded

app/css/core/_core.css

@@ -0,0 +1,3 @@
+body {
+  border: 20px solid pink;
+}

app/javascript/packs/common.js

@@ -1,2 +1,2 @@
 import "./public-path";
-import "styles/application.scss";
+import "../css/core/_core.css";

config/webpack/shared.js

@@ -10,6 +10,12 @@ const AssetsManifestPlugin = require("webpack-assets-manifest");
 const { env, settings, core, flavours, output } = require("./configuration");
 const rules = require("./rules");
 
+const foliui = {
+  core: {
+    import: "./app/css/core/_core.css",
+  }
+}
+
 function reducePacks (data, into = {}) {
   if (!data.pack) {
     return into;
@@ -61,6 +67,7 @@ function reducePacks (data, into = {}) {
 const entries = Object.assign(
   reducePacks(core),
   Object.values(flavours).reduce((map, data) => reducePacks(data, map), {}),
+  foliui,
 );
 
 

config/webpacker.yml

@@ -11,7 +11,7 @@ default: &default
 
   # Additional paths webpack should lookup modules
   # ['app/assets', 'engine/foo/app/assets']
-  resolved_paths: []
+  resolved_paths: ["app/css"]
 
   # Reload manifest.json on all requests so we reload latest compiled packs
   cache_manifest: false
@@ -61,8 +61,8 @@ development:
     https: false
     port: 3035
     webSocketURL:
-      hostname: '0.0.0.0'
-      pathname: '/ws'
+      hostname: "0.0.0.0"
+      pathname: "/ws"
       port: 3035
     hmr: false
     # Inline should be set to true if using HMR
@@ -70,11 +70,11 @@ development:
     client:
       overlay: true
     open: true
-    allowedHosts: 'all'
+    allowedHosts: "all"
     headers:
-      'Access-Control-Allow-Origin': '*'
+      "Access-Control-Allow-Origin": "*"
     watch_options:
-      ignored: '**/node_modules/**'
+      ignored: "**/node_modules/**"
 
 test:
   <<: *default