Add path aliases

Author: rayfranco

template/build/webpack.base.conf.js

@@ -22,12 +22,17 @@ module.exports = {
       {{#if_eq build "runtime"}}
       'vue': 'vue/dist/vue.common.js',
       {{/if_eq}}
+      'bourgeon': path.resolve(__dirname, '../src/plugins/bourgeon.js'),
       {{#if svg}}
       'utils': path.resolve(__dirname, './utils'),
       {{/if}}
+      {{#if i18n}}
+      'locales': path.resolve(__dirname, '../src/locales'),
+      {{/if}}
       'src': path.resolve(__dirname, '../src'),
       'assets': path.resolve(__dirname, '../src/assets'),
-      'components': path.resolve(__dirname, '../src/components')
+      'components': path.resolve(__dirname, '../src/components'),
+      'plugins': path.resolve(__dirname, '../src/plugins')
     }
   },
   resolveLoader: {

template/src/components/Icon.vue

@@ -9,7 +9,7 @@ export default {
   props: ['name'],
   computed: {
     xlink () {
-      return require(`../assets/svg/${this.name}.svg`)
+      return require(`assets/svg/${this.name}.svg`)
     }
   }
 }

template/src/main.js

@@ -3,8 +3,8 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 {{/if_eq}}
 import Vue from 'vue'
+import Bourgeon from 'bourgeon'
 import App from './App'
-import Bourgeon from './plugins/bourgeon'
 
 Vue.use(Bourgeon, {
   locales: ['fr', 'en']

template/src/plugins/bourgeon.js

@@ -1,12 +1,12 @@
 /* eslint-disable no-unused-vars */
 {{#svg}}
-import Icon from '../components/Icon.vue'
+import Icon from 'components/Icon.vue'
 {{/svg}}
 {{#routing}}
-import Router from './router'
+import Router from 'plugins/router'
 {{/routing}}
 {{#i18n}}
-import I18n from './i18n'
+import I18n from 'plugins/i18n'
 {{/i18n}}
 
 export default {

template/src/plugins/i18n.js

@@ -17,7 +17,7 @@ export default {
       : Vue.config.fallbackLang
 
     options.forEach(function (lang) {
-      Vue.locale(lang, require(`../locales/${lang}.yml`))
+      Vue.locale(lang, require(`locales/${lang}.yml`))
     })
 
     Vue.mixin({

template/src/plugins/router.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-unused-vars */
 import VueRouter from 'vue-router'
-import routes from '../routes'
+import routes from 'src/routes'
 
 export default {
   router: null,

template/src/routes.js

@@ -1,5 +1,5 @@
-import WelcomeComponent from './components/Welcome'
-import HelloComponent from './components/Hello'
+import WelcomeComponent from 'components/Welcome'
+import HelloComponent from 'components/Hello'
 
 export default [
   {