OzTK · August 8, 2017 12:58 · Aug 8, 2017 · Jul 13, 2017 · Jul 13, 2017
diff --git a/webpack.config.js b/webpack.config.js
@@ -31,7 +31,7 @@ export = {
           use: [ 'style-loader', 'css-loader', 'elm-css-webpack-loader?module=UsersPageStylesheets' ]
         }
       ],
-      noParse: [/\.elm$/]
+      noParse: [/((?!styles).)*\.elm.*$/]
     },
     plugins: [/* Your plugins */],
     output: {

diff --git a/webpack.config.js b/webpack.config.js
@@ -21,9 +21,14 @@ export = {
           exclude: /node_modules/ 
         },
         { 
-          test: /Stylesheets\.elm$/,
+          test: /HomePageStylesheets\.elm$/,
           exclude: [/elm-stuff/, /node_modules/ ],
-          use: [ 'style-loader', 'css-loader', 'elm-css-webpack-loader' ]
+          use: [ 'style-loader', 'css-loader', 'elm-css-webpack-loader?module=HomePageStylesheets' ]
+        },
+        { 
+          test: /UsersPageStylesheets\.elm$/,
+          exclude: [/elm-stuff/, /node_modules/ ],
+          use: [ 'style-loader', 'css-loader', 'elm-css-webpack-loader?module=UsersPageStylesheets' ]
         }
       ],
       noParse: [/\.elm$/]

diff --git a/HomePageStylesheets.elm b/HomePageStylesheets.elm
@@ -0,0 +1,21 @@
+port module HomePageStylesheets exposing (..)
+
+import Css.File exposing (CssFileStructure, CssCompilerProgram)
+import MainStyle
+import UsersStyle
+
+
+port files : CssFileStructure -> Cmd msg
+
+
+fileStructure : CssFileStructure
+fileStructure =
+    Css.File.toFileStructure
+        [ ( "main.css", Css.File.compile [ MainStyle.css ] )
+        , ( "home.css", Css.File.compile [ HomeStyle.css ] )
+        ]
+
+
+main : CssCompilerProgram
+main =
+    Css.File.compiler files fileStructure
diff --git a/UsersPageStylesheets.elm b/UsersPageStylesheets.elm
@@ -0,0 +1,21 @@
+port module UsersPageStylesheets exposing (..)
+
+import Css.File exposing (CssFileStructure, CssCompilerProgram)
+import MainStyle
+import UsersStyle
+
+
+port files : CssFileStructure -> Cmd msg
+
+
+fileStructure : CssFileStructure
+fileStructure =
+    Css.File.toFileStructure
+        [ ( "main.css", Css.File.compile [ MainStyle.css ] )
+        , ( "users.css", Css.File.compile [ UsersStyle.css ] )
+        ]
+
+
+main : CssCompilerProgram
+main =
+    Css.File.compiler files fileStructure
diff --git a/home.js b/home.js
@@ -0,0 +1,4 @@
+import '../elm-src/styles/HomePageStylesheets';
+
+const ElmHome = require("../elm-src/Home.elm");
+ElmUsers.Home.embed(document.getElementById("app"), context);
diff --git a/users.js b/users.js
@@ -0,0 +1,4 @@
+import '../elm-src/styles/UsersPageStylesheets';
+
+const ElmUsers = require("../elm-src/Users.elm");
+ElmUsers.Users.embed(document.getElementById("app"), context);
diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,37 @@
+const path = require('path');
+const webpack = require('webpack');
+
+export = {
+    entry: {
+      shared: ['./client/src/shared.js'],
+      users: ['./client/src/users.js']
+    },
+    resolve: {
+      extensions: ['.js', '.elm']
+    },
+    module: {
+      rules: [
+        { 
+          test: /(?!styles)\.elm$/,
+          exclude: [/elm-stuff/, /node_modules/],
+          use: ['elm-webpack-loader?verbose=true&warn=true']
+        },
+        { test: /\.css$/,
+          use: [ 'style-loader', 'css-loader' ],
+          exclude: /node_modules/ 
+        },
+        { 
+          test: /Stylesheets\.elm$/,
+          exclude: [/elm-stuff/, /node_modules/ ],
+          use: [ 'style-loader', 'css-loader', 'elm-css-webpack-loader' ]
+        }
+      ],
+      noParse: [/\.elm$/]
+    },
+    plugins: [/* Your plugins */],
+    output: {
+      filename: 'javascripts/[chunkhash].[name].js',
+      path: path.resolve(__dirname, 'public'),
+      publicPath: '/'
+    }
+}
No results found