我已經將我們代碼庫的 React 組件拆分為一個私有依賴項，以便這些組件可以被不同的專案使用。這些組件都使用 Webpack 別名來使代碼更具可讀性：
import TestComponent from 'components/TestComponent';
而不是：
import TestComponent from '../../components/TestComponent';
現在這些組件已經從帶有 Webpack 別名設定的專案中移除，因此別名自然停止作業。
我正在構建并嘗試匯入這些組件的新專案按如下方式完成：
Wrapper project, a Vite development project importing the components library.
>> Components imported as a dependency named 'core'
>>> All of the included React components are using the absolute paths.
我真的很想知道是否有辦法在依賴項本身中對匯入進行別名。問題是我的檔案/views/TestView正在嘗試匯入/components/shared/Button并且僅在我使用相對路徑時才有效：
/視圖/TestView.jsx
import Button from '../components/shared/Button'
因此，除非我對數百個組件進行大規模重構以將絕對路徑更改為相對路徑，否則有沒有辦法在依賴項中為路徑別名？
一種可能的解決方案（尚未嘗試）可能是將組件進一步拆分為特定的類別依賴項，例如：
- core - 包含以下所有依賴項的 package.json
- @核心/意見
- @核心/組件
關于如何實作這一目標的任何幫助或想法（如果可能的話）將不勝感激。任何避免大規模重構和必須在每個檔案中使用相對路徑的眼睛。
uj5u.com熱心網友回復：
為了解決這個問題，我選擇了一個核心模塊，其中包含所有單獨的檔案夾作為依賴項。這意味著我可以像這樣呼叫代碼：
import Component from 'components/button'
現在已更改為使用來自核心模塊的依賴項，因此它看起來像：
import Component from '@core/components/button'
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/370246.html
標籤：javascript 新产品经理 模块 纱线包 es6-modules