diff --git a/lib/build/webpack-config.js b/lib/build/webpack-config.js
index <HASH>..<HASH> 100644
--- a/lib/build/webpack-config.js
+++ b/lib/build/webpack-config.js
@@ -82,8 +82,8 @@ module.exports = function (cfg) {
       ],
       alias: {
         quasar: appPaths.resolve.app(`node_modules/quasar-framework/dist/quasar.${cfg.ctx.themeName}.esm.js`),
-        '~': appPaths.srcDir,
-        '@': appPaths.resolve.src(`components`),
+        src: appPaths.srcDir,
+        components: appPaths.resolve.src(`components`),
         layouts: appPaths.resolve.src(`layouts`),
         pages: appPaths.resolve.src(`pages`),
         assets: appPaths.resolve.src(`assets`),
fix: Avoid webpack aliases clashes