Progress

config/themes.yml

@@ -1 +1 @@
-default: styles/application.scss
+default: styles/base.scss

config/webpack/development.js

@@ -16,7 +16,7 @@ if (process.env.VAGRANT) {
 module.exports = merge(sharedConfig, {
   mode: 'development',
   cache: true,
-  devtool: 'source-map',
+  devtool: 'cheap-module-eval-source-map',
 
   stats: {
     errorDetails: true,
@@ -57,4 +57,4 @@ module.exports = merge(sharedConfig, {
       watchOptions
     ),
   },
-});
+});

config/webpack/rules/css.js

@@ -2,10 +2,10 @@ const { join, resolve } = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { settings, themes } = require('../configuration');
 
-console.log("themes", themes);
-
 let pathy = resolve(join(settings.source_path, themes.default));
 
+console.log("themes", themes);
+console.log("settings:", settings);
 console.log("pathy:", pathy);
 
 module.exports = {
@@ -33,10 +33,6 @@ module.exports = {
       options: {
         implementation: require('sass'),
         sourceMap: true,
-        includePaths: [pathy],
-        sassOptions: {
-          includePaths: [pathy],
-        }
       },
     },
     {

config/webpack/shared.js

@@ -8,12 +8,21 @@ const AssetsManifestPlugin = require('webpack-assets-manifest');
 const extname = require('path-complete-extname');
 const { env, settings, themes, output } = require('./configuration');
 const rules = require('./rules');
-const localePackPaths = require('./generateLocalePacks');
+const localePackPaths = [
+  '/Users/m3/Documents/dev/gab-social-2/tmp/packs/locale_en.js',
+];
+//require('./generateLocalePacks');
 
 const extensionGlob = `**/*{${settings.extensions.join(',')}}*`;
 const entryPath = join(settings.source_path, settings.source_entry_path);
 const packPaths = sync(join(entryPath, extensionGlob));
 
+console.log("localePackPaths", localePackPaths);
+console.log("packPaths:", packPaths);
+console.log("env:", env);
+console.log("settings:", settings);
+console.log("output:", output);
+
 module.exports = {
   entry: Object.assign(
     packPaths.reduce((map, entry) => {
@@ -27,10 +36,6 @@ module.exports = {
       localMap[basename(entry, extname(entry, extname(entry)))] = resolve(entry);
       return localMap;
     }, {}),
-    Object.keys(themes).reduce((themePaths, name) => {
-      themePaths[name] = resolve(join(settings.source_path, themes[name]));
-      return themePaths;
-    }, {})
   ),
 
   output: {

config/webpacker.yml

@@ -58,6 +58,7 @@ development:
     host: localhost
     port: 3035
     public: localhost:3035
+    # : todo :
     hmr: false
     # Inline should be set to true if using HMR
     inline: true