Возможно, это не тот путь, но я все равно решил попробовать этот метод.
У меня есть рабочая область в VSCode, которая состоит из основного проекта с использованием интерфейса React &Серверная часть Java и библиотека React , в которой находятся компоненты React, которые будут совместно использоваться несколькими проектами.
Для библиотеки React я использую rollup
для построенияпроект, так что я могу использовать его в качестве зависимости в моем package.json
в моем основном проекте .
Я хочу иметь возможность нажать кнопку запуска в VSCode, и это запуститсценарий webpack в главном проекте и сценарий объединения в React Library одновременно.
В настоящее время кнопка запуска при щелчке запускает сценарий webpack в Основной проект , и мне нужно вручную запустить сводный скрипт в Библиотеке реагирования , который не идеален ...
В моем launch.json
в моем Основном проекте У меня есть следующая конфигурация:
{
"version": "0.2.0",
"configurations": [
{
"preLaunchTask": "webpack watch",
"type": "java",
"name": "Launch Webapp",
"request": "launch",
"cwd": "${workspaceFolder}",
"console": "internalConsole",
"stopOnEntry": false,
"mainClass": "com.-------.www.Application",
"projectName": "...",
"vmArgs": "-Dserver.document-root=${workspaceFolder}/target/webapp -Dserver.port=9090 -Dspring.profiles.active=local-dev",
"args": ""
}
]
}
В моем tasks.json
в моем Основном проекте У меня есть preLaunchTask
webpack watch
{
"version": "2.0.0",
"tasks": [
{
"label": "webpack watch",
"type": "npm",
"script": "watch",
"isBackground": true,
"problemMatcher": {
"owner": "npm",
"fileLocation": ["relative", "${workspaceFolder}"],
"pattern": [
{
"regexp": "^Module parse failed: (.*)$",
"message": 1
},
{
"regexp": "^ERROR in ([^ ]+) (\\d+):(\\d+)$",
"file": 1,
"line": 2
},
],
"background": {
"activeOnStart": true,
"beginsPattern": "^Hash.*$",
"endsPattern": "\\[built\\]$",
},
},
"group": {
"kind": "build",
"isDefault": true,
},
},
]
}
В моем package.json
в моем Основном проекте У меня есть следующий скрипт, на который ссылается tasks.json
.
"watch": "webpack --env.ENVIRONMENT=development --watch --mode=development",
Теперь мне также необходимо иметь возможность запускать следующий скрипт, который находится в моей Библиотеке реагирования package.json
"watch": "rollup -c --watch",
Я не уверен, смогу ли я как-то добавить это в мой watch
сценарий в моем основном проекте package.json
для одновременного запуска (Не уверен, как ссылаться за пределамипроект, даже если он находится в той же рабочей области? Или, если это вообще возможно?)
Или способ добавить скрипт watch
в мою React Library в качестве задачи в моем основном проекте tasks.json
а также запустить его одновременно с webpack watch
preLaunchTask?
Или создать файл tasks.json
в моей React Library и сослаться на него в моем Main Project ?
Или, может быть, я поступаю совершенно неправильно?
Любая помощь будет принята с благодарностью!