псевдоним webpack 처럼 преобразователь модулей 를 사용 하기

Использование преобразователя модулей, например псевдонима webpack

parcel 시작할 때 가장 망설여 지던 부분 중 하나 webpack 의 разрешить псевдоним 기능 입니다. 다양한 컴포넌트 또는 폴더 를 '../../../' 등 으로 import 하기에는 경로 설정 이 애매 해지고, 점점 ../ 부분 이 많아 지면서 보기 가 좋지 않아, псевдоним 등 을 통해 설정 을 해줘서 사용 하는데, посылка 에는 해당 기능 을 아직 까지는 지원 하고 있지 않습니다.

typescript 는 tsconfig.json 에 path 설정 을 통해서 해당 resolver 를 지원 하나, javascript 는 따로 번들링 설정 에서 해주어야 합니다. 이를 해결 하기 위해서, babel 의 плагин 인 babel-plugin-module-resolver 를 사용 하면, parcel 에서도 псевдоним 설정 을 통해 해결할 수 있습니다.

Один из самых неприятных аспектов запуска посылки - это функция разрешения псевдонима в webpack. Если вы импортируете различные компоненты или папки в '../../../' и т. Д., Настройка пути становится неоднозначной, и все больше и больше ../ частей становятся большими, и вид становится не лучшим. Эта функция еще не поддерживается.

typescript поддерживает tsconfig.json с его преобразователем через настройку пути, но javascript должен выполняться отдельно в конфигурации объединения. Чтобы решить эту проблему, вы можете использовать babel-plugin-module-resolver, который является надстройкой babel, чтобы обойти parcel с настройкой псевдонима.

1) Установить

npm 을 사용 하여 설치 합니다.

Установить с помощью npm.

# npm
npm install babel-plugin-module-resolver --dev
# yarn
yarn install babel-plugin-module-resolver --dev

2) Использование

.babelrc 에 해당 плагин 을 통한 псевдоним 설정 을 추가 합니다.

Добавьте настройку псевдонима через плагин в .babelrc.

해당 설정 후에 посылка 번들링 을 실행 하면, 정상적으로 комплектация 이 되는 것을 확인 하실 수 있습니다.

Если вы запустите объединение посылок после настройки, вы увидите, что объединение происходит нормально.

parcel ./index.html