feat(webpack): enable user to provide aliases though new config key

API.md

@@ -30,6 +30,8 @@ file at the root of your project.
   - [serviceWorker](#serviceWorker)
   - [targetBrowsers](#targetBrowsers)
 - [extends](#extends)
+- [webpack](#webpack)
+  - [alias](#alias)
 - [rootElementId](#rootElementId)
 
 ## <a id='routes'></a>[`routes`](#routes)
@@ -212,6 +214,13 @@ If you want to run your application without headers, you can define here the ele
 
 Make your .vitaminrc extends another vitamin config. It is useful in case you want to have a base configuration for multiple environments.
 
+## <a id='webpack'></a>[`webpack`](#webpack)
+Endpoint to customize some specific webpack config.
+### <a id='alias'></a>[`alias`](#alias)
+**`Object`** 
+Add your own aliases for custome resolution. 
+
+
 # Globals
 ## <a id='isclient-isserver'></a>[`IS_CLIENT` / `IS_SERVER`](#isclient-isserver)
 Two globals are available everywhere in your application : `IS_SERVER` and `IS_CLIENT`. When bundling your application  `vitaminjs` will replace them with `true`/`false` depending on the environment.

config/build/webpack.config.common.js

@@ -104,7 +104,10 @@ export function config(options) {
         },
         cache: options.hot,
         resolve: {
-            alias: options.moduleMap,
+            alias: {
+                ...options.webpack.alias,
+                ...options.moduleMap,
+            },
             modules: MODULES_DIRECTORIES,
             extensions: ['.js', '.jsx', '.json', '.css'],
             mainFields: ['browser', 'module', 'main', 'style'],

config/defaults.js

@@ -35,6 +35,9 @@ export default {
             'not ie < 9', // react doesn't support ie < 9
         ],
     },
+    webpack: {
+        alias: {},
+    },
     filesPath: 'files',
     rootElementId: 'vitamin-app',
 };

config/index.js

@@ -139,6 +139,13 @@ export default () => {
         updatePath(path, appResolve, config),
     );
 
+    // Resolve user webpack alias to absolute paths
+    Object.keys(config.webpack.alias)
+        .map(aliasKey => ['webpack', 'alias', aliasKey])
+        .forEach(path =>
+            updatePath(path, appResolve, config),
+        );
+
     // Prepend / to publicPath and basePath if necessary
     const prependSlash = path => (
         ((path.startsWith('/') || path.match(/^(http|\/|$)/)) ? '' : '/') + path