Implement 'MyEP' application, basic functionality

webpack.config.js

@@ -1,5 +1,4 @@
 const Encore = require('@symfony/webpack-encore');
-const webpack = require('webpack');
 
 // Create webpack config for ext:ep_theme
 Encore
@@ -11,7 +10,7 @@ Encore
     .addEntry('unichamp', './web/typo3conf/ext/ep_theme/Resources/Private/Assets/js/unichamp.js')
     .addStyleEntry('rte', './web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/rte.scss')
     .createSharedEntry('vendor', [
-        'jquery', 'vue', 'vue-session', 'flatpickr', 'jquery-lazy',
+        'jquery', 'vue', 'vue-session', 'vuex', 'vue-router', 'axios', 'flatpickr', 'jquery-lazy',
         'bootstrap-sass/assets/javascripts/bootstrap', 'slick-carousel',
         'dayjs', 'cookieconsent', 'picturefill', '@fancyapps/fancybox', 'leaflet'
     ])
@@ -27,12 +26,14 @@ Encore
         images: 'images/[name].[ext]'
     })
     .configureBabel(function (babelConfig) {
-        babelConfig.plugins = [ 'transform-object-rest-spread' ]
+        babelConfig.plugins = [ 'transform-object-rest-spread', 'syntax-dynamic-import' ]
     })
 ;
 
 const EpThemeConfig = Encore.getWebpackConfig();
+
 EpThemeConfig.name = 'EpThemeConfig';
+EpThemeConfig.output.chunkFilename = 'js/[name].[chunkhash:8].js';
 
 Encore.reset();
 
@@ -54,7 +55,7 @@ Encore
         images: 'images/[name].[ext]'
     })
     .configureBabel(function (babelConfig) {
-        babelConfig.plugins = [ 'transform-object-rest-spread' ]
+        babelConfig.plugins = [ 'transform-object-rest-spread', 'syntax-dynamic-import' ]
     })
 ;