fix(vite-alias): change @ to src alias path

sabertazimi · Sep 27, 2021 · 96de3ea · 96de3ea
1 parent ab6d14d
commit 96de3ea
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 11 deletions.
diff --git a/packages/vue-trello/src/router/index.ts b/packages/vue-trello/src/router/index.ts
@@ -1,6 +1,6 @@
 import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
-import Board from '@/views/Board.vue';
-import Task from '@/views/Task.vue';
+import Board from 'src/views/Board.vue';
+import Task from 'src/views/Task.vue';
 
 const routes: Array<RouteRecordRaw> = [
   {
@@ -19,7 +19,7 @@ const routes: Array<RouteRecordRaw> = [
 ];
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHistory('/awesome-web/vue-trello/'),
   routes,
 });
 

diff --git a/packages/vue-trello/src/store/index.ts b/packages/vue-trello/src/store/index.ts
@@ -1,6 +1,6 @@
 import { createStore } from 'vuex';
-import { getDefaultBoard } from '@/services';
-import type { BoardType } from '@/services';
+import { getDefaultBoard } from 'src/services';
+import type { BoardType } from 'src/services';
 
 const board: BoardType =
   JSON.parse(localStorage.getItem('board') as string) || getDefaultBoard();

diff --git a/packages/vue-trello/src/views/Board.vue b/packages/vue-trello/src/views/Board.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue';
+import HelloWorld from 'src/components/HelloWorld.vue';
 </script>
 
 <template>

diff --git a/packages/vue-trello/tsconfig.json b/packages/vue-trello/tsconfig.json
@@ -10,9 +10,7 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "paths": {
-      "@/*": ["src/*"]
-    },
+    "baseUrl": ".",
     "lib": ["esnext", "dom"]
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]

diff --git a/packages/vue-trello/vite.config.ts b/packages/vue-trello/vite.config.ts
@@ -1,8 +1,13 @@
+import path from 'path';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 
 export default defineConfig({
-  base:
-    process.env.NODE_ENV === 'production' ? '/awesome-web/vue-trello/' : '/',
+  base: '/awesome-web/vue-trello/',
   plugins: [vue()],
+  resolve: {
+    alias: {
+      src: path.resolve(__dirname, './src'),
+    },
+  },
 });