Use aliases

Signed-off-by: Andrew Welch <andrew@nystudio107.com>

Author: khalwat

buildchain/webpack-settings/app.settings.js

@@ -2,20 +2,25 @@
 
 // node modules
 require('dotenv').config();
+const path = require('path');
 
 // settings
 module.exports = {
     alias: {
+        '@css': path.resolve('../src/assetbundles/transcoder/src/css'),
+        '@img': path.resolve('../src/assetbundles/transcoder/src/img'),
+        '@js': path.resolve('../src/assetbundles/transcoder/src/js'),
+        '@vue': path.resolve('../src/assetbundles/transcoder/src/vue'),
     },
     copyright: '©2020 nystudio107.com',
     entry: {
-        'transcoder': '../src/assetbundles/transcoder/src/js/Transcoder.js',
-        'welcome': '../src/assetbundles/transcoder/src/js/Welcome.js',
+        'transcoder': '@js/Transcoder.js',
+        'welcome': '@js/Welcome.js',
     },
     extensions: ['.ts', '.js', '.vue', '.json'],
     name: 'transcoder',
     paths: {
-        dist: '../../src/assetbundles/transcoder/dist/',
+        dist: path.resolve('../src/assetbundles/transcoder/dist/'),
     },
     urls: {
         publicPath: () => process.env.PUBLIC_PATH || '',

src/assetbundles/transcoder/src/js/Transcoder.js

@@ -1,6 +1,6 @@
 // Import our CSS
-import '../css/app.pcss';
-import '../img/Transcoder-icon.svg';
+import '@css/app.pcss';
+import '@img/Transcoder-icon.svg';
 
 const main = async () => {
 };

src/assetbundles/transcoder/src/js/Welcome.js

@@ -1,4 +1,4 @@
-import Confetti from '../vue/Confetti.vue';
+import Confetti from '@vue/Confetti.vue';
 
 // Create our vue instance
 const vm = new Vue({