Как игнорировать родительский каталог "src" при переносе с помощью Babel watcher

Question

Мой код имеет структуру каталогов:

project-root/
└── src/
    └── main.js

Когда я запускаю средство просмотра файлов Babel по умолчанию, код переносится в папку dist, включая каталог src в его пути, например:

project-root/
└── src/
    ├── main.js
    dist/
    └── src
        └── main.dist.js

Вместо этого я хочу, чтобы src был исключен из пути - другими словами, чтобы развернутый код в src был "развернут" и скомпилирован прямо в dist, как показано ниже:

project-root/
└── src/
    ├── main.js
    dist/
    └── main.dist.js

Можно ли изменить конфигурацию наблюдателя для достижения этой цели? Я не могу понять это! Буду признателен за любую оказанную помощь.

Answer 1

Это --out-dir Поведение опции CLI Babel - воссоздает структуру исходной папки (относительно рабочего каталога) в целевом каталоге.

У вас есть 2 варианта здесь:

• использование --out-file вместо
• задавать src как ваш рабочий каталог

Возможные настройки для первого варианта:

Arguments: $FilePathRelativeToProjectRoot$ --out-file dist/$FileNameWithoutExtension$.js --source-maps --presets env
Output paths to refresh: dist\$FileNameWithoutExtension$.js:dist\$FileNameWithoutExtension$.js.map

Для второго:

Arguments: $FileDirPathFromParent(src)$$FileName$ --out-dir $ProjectFileDir$/dist --source-maps --presets env
Output paths to refresh: $ProjectFileDir$/dist/$FileDirPathFromParent(src)$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirPathFromParent(src)$FileNameWithoutExtension$.js.map
Working directory: $ContentRoot$\src