Как разделить Cypress package.json в Angular?

#angular #cypress #e2e

Вопрос:

Зависимость Cypress npm довольно велика, поэтому я хочу разделить ее в собственном пакете.json внутри папки e2e, чтобы учитывать ее только при выполнении тестов E2E.

Я создал новый файл e2e/package.json

 {
  "name": "e2e",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "directories": {
    "example": "examples"
  },
  "scripts": {
    "test": "echo "Error: no test specified" amp;amp; exit 1"
  },
  "devDependencies": {
    "@testing-library/cypress": "^6.0.0",
    "cypress": "^7.2.0",
    "cypress-file-upload": "^4.1.1",
    "cypress-terminal-report": "^1.4.1"
  },
  "author": "",
  "license": "ISC"
}
 

Структура папок ..

     e2e/
      node_modules/
      integration/
      package.json
      tsconfig.json
    node_modules/
    src/
 

ниже tsconfig.json перед перемещением зависимостей Cypress

 {
  "compilerOptions": {
    "allowJs": true,
    "baseUrl": "../node_modules",
    "target": "es2018",
    "types": ["cypress", "@types/testing-library__cypress"]
  },
  "include": ["**/*.*"]
}
 

Теперь cypress open команда больше не распознается ! каковы различные шаги, которые мы должны предпринять для такой миграции ? заранее спасибо