---
# System prepended metadata

title: 共用 Vue 專案的 node_modules
tags: [VUE]

---

###### tags: `VUE`

# 共用 Vue 專案的 node_modules

此文檔旨在介紹如何在不同 Vue 專案之間共用 `node_modules`，並透過 CMD 中的符號連結來實現此目的。

## 目標

在多個專案中節省空間，同時確保共用相同的 `node_modules` 資源。

## 優化方法

以下是一個簡單的結構和 CMD 指令的優化方法。

### 1. 專案結構

注意 A 專案必須先建立 `node_modules`，其他專案可以不用建立

- A
  - `node_modules`
  - 專案資料
- B
  - 專案資料

![專案結構](https://hackmd.io/_uploads/BJMN4BKLT.png)

### 2. 使用 CMD 來處理

1. 以系統管理員身分開啟 CMD
2. 前往 B 專案 (`cd B 專案路徑`)
3. 創建符號連結 (`mklink /D node_modules ..\A\node_modules`)

這些步驟將在 B 專案中建立一個指向 A 專案 `node_modules` 的符號連結。

### 3. 完成圖

可以看到檔案大小並未改變。

![完成圖](https://hackmd.io/_uploads/H1hzLHKL6.png)