Fix webpack uglify

package.json

@@ -44,9 +44,11 @@
     "husky": "^1.3.1",
     "lint-staged": "^8.1.0",
     "node-sass": "^4.9.0",
+    "require.all": "^2.0.4",
     "sass-loader": "^7.1.0",
     "ts-jest": "^23.0.0",
     "typescript": "^3.2.1",
+    "uglifyjs-webpack-plugin": "^2.1.2",
     "vue-template-compiler": "^2.5.21"
   },
   "repository": "https://github.com/CKGrafico/Frontend-Boilerplates#frontend-boilerplates",

src/app/core/helpers/next-tick.ts

@@ -5,4 +5,4 @@ export function nextTick() {
     return new Promise(resolve => {
         setTimeout(resolve, 10);
     });
-};
+}

tasks/plugins/uglify.js

@@ -0,0 +1,16 @@
+const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+
+module.exports = (env) => {
+  const defaultConfig = new UglifyJSPlugin({
+    uglifyOptions: {
+      keep_classnames: true,
+      keep_fnames: true,
+    }
+  });
+
+  const plugin = {
+    production: defaultConfig
+  };
+
+  return plugin[env];
+}

vue.config.js

@@ -1,22 +1,46 @@
 const path = require('path');
+// const rules = require('require.all')('./tasks/rules');
+const plugins = require('require.all')('./tasks/plugins');
 
-module.exports = {
-  lintOnSave: false,
-  css: {
-    loaderOptions: {
-      sass: {
-        data: `@import "~@/styles/base/_variables.scss";`
+module.exports = env => {
+  let environment = process.env.NODE_ENV;
+
+  // rules((name, rule) => rule(environment));
+  plugins((name, rule) => rule(environment));
+
+  return ({
+    lintOnSave: false,
+    css: {
+      loaderOptions: {
+        sass: {
+          data: `@import "~@/styles/base/_variables.scss";`
+        }
       }
-    }
-  },
-  configureWebpack: {
-    plugins: [],
-    resolve: {
-      alias: {
-        'styles': path.join(__dirname, 'src/styles'),
-        'assets': path.join(__dirname, 'src/assets'),
-        '~': path.join(__dirname, 'src/app')
+    },
+    configureWebpack: {
+      plugins: [],
+      optimization: {
+        splitChunks: {
+          cacheGroups: {
+            vendor: {
+              chunks: 'all',
+              test: path.resolve(__dirname, 'node_modules'),
+              name: 'vendor',
+              enforce: true,
+            },
+          },
+        },
+      },
+      resolve: {
+        alias: {
+          'styles': path.join(__dirname, 'src/styles'),
+          'assets': path.join(__dirname, 'src/assets'),
+          '~': path.join(__dirname, 'src/app')
+        }
       }
+    },
+    chainWebpack: config => {
+        config.optimization.minimizer([plugins.uglify]);
     }
-  }
+  })
 }