fix($config): Fixed the problem with global yarn installation

Create Elm App didn't work while globally installed by yarn, this commit adresses that issue

Closes #102

Author: Eduard Kyvenko

config/paths.js

@@ -1,11 +1,24 @@
 const path = require('path')
+const isGlobal = require('installed-by-yarn-globally')
 
-module.exports = {
-  entry: path.resolve('./src/index'),
-  dist: path.resolve('./dist'),
+const appRoot = process.cwd()
+
+const paths = {
+  appRoot,
+  entry: path.resolve('./src/index.js'),
+  dist: path.resolve('./build'),
   template: path.resolve('./src/index.html'),
   favicon: path.resolve('./src/favicon.ico'),
+  elmPkg: path.resolve('elm-package.json'),
   ownModules: path.resolve(__dirname, '../node_modules'),
   scripts: path.resolve(__dirname, '../scripts'),
-  elmMake: path.resolve(__dirname, '../node_modules/.bin/elm-make')
+  elmMake: path.resolve(__dirname, '../node_modules/.bin/elm-make'),
+  resolveLoaderModules: ['node_modules']
+}
+
+// If installed globally by yarn, attemt to resolve loaders from the directory above.
+if (isGlobal) {
+  paths.resolveLoaderModules.push(path.resolve(__dirname, '../../'))
 }
+
+module.exports = paths

config/webpack.config.dev.js

@@ -20,6 +20,7 @@ module.exports = {
 
     paths.entry
   ],
+
   output: {
 
     pathinfo: true,
@@ -36,7 +37,7 @@ module.exports = {
   resolveLoader: {
 
     // Look for loaders in own node_modules
-    modules: [ paths.ownModules ],
+    modules: paths.resolveLoaderModules,
     moduleExtensions: [ '-loader' ]
   },
 

config/webpack.config.prod.js

@@ -8,8 +8,6 @@ const AssetsPlugin = require('assets-webpack-plugin')
 const getClientEnvironment = require('./env')
 const paths = require('../config/paths')
 
-const root = process.cwd()
-
 module.exports = {
 
   bail: true,
@@ -24,7 +22,7 @@ module.exports = {
     path: paths.dist,
 
     // Append leading slash when production assets are referenced in the html.
-    publicPath: process.env.SERVED_PATH || '/',
+    publicPath: './' || process.env.SERVED_PATH,
 
     // Generated JS files.
     filename: 'js/[name].[chunkhash:8].js'
@@ -38,7 +36,7 @@ module.exports = {
   },
 
   resolve: {
-    modules: [ 'node_modules' ],
+    modules: paths.resolveLoaderModules,
     extensions: [ '.js', '.elm' ]
   },
 
@@ -123,7 +121,7 @@ module.exports = {
 
     // Remove the content of the ./dist/ folder.
     new CleanWebpackPlugin([ 'dist' ], {
-      root: root,
+      root: paths.appRoot,
       verbose: false,
       dry: false
     }),

package.json

@@ -59,6 +59,7 @@
     "fs-extra": "^2.1.2",
     "html-webpack-plugin": "2.28.0",
     "http-proxy-middleware": "^0.17.3",
+    "installed-by-yarn-globally": "^0.1.2",
     "minimist": "1.2.0",
     "postcss-loader": "1.3.3",
     "prompt": "1.0.0",