Use a single @ alias

Author: Andrew Welch

buildchain/webpack-settings/app.settings.js

@@ -7,15 +7,12 @@ 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'),
+        '@': path.resolve('../src/assetbundles/transcoder/src'),
     },
     copyright: '©2020 nystudio107.com',
     entry: {
-        'transcoder': '@js/Transcoder.js',
-        'welcome': '@js/Welcome.js',
+        'transcoder': '@/js/Transcoder.js',
+        'welcome': '@/js/Welcome.js',
     },
     extensions: ['.ts', '.js', '.vue', '.json'],
     name: 'transcoder',

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({