Скомпилируйте с response-scripts-ts и определите внешние компоненты веб-пакета - PullRequest
0 голосов
/ 12 апреля 2019

Я создал базовое приложение React и добавил к нему VSS SDK Azure Devops из npm.

Это в основном сценарий SDK, который я собираюсь скопировать и включить в свой HTML какscript.

И для этого пакета есть также несколько типов для разработки.

Когда я использую эти типы в процессе разработки, они работают нормально.Но когда я хотел бы скомпилировать мой код с помощью сборкиact-scripts-ts, Webpack пытается включить эти зависимости в свой пакет и выдает мне:

Модуль не найден: Ошибка: Не удается разрешить 'VSS/ Controls 'in' e: \\ src \ modules \ App '

Если я перехожу к node_modules / реагировать-scripts-ts / config / webpack.prod.config, я могу добавить эти пространства имен как внешниеи он работает нормально, но я не хочу изменять скрипт сборки под node_module (это хакерство).

Есть ли способ сообщить сценарию сборки реагировать на игнорирование такого рода модулей?

Это мой package.json:

{
  "name": "dcp",
  "version": "0.1.0",
  "private": true,
  "homepage": ".",
  "dependencies": {
    "office-ui-fabric-react": "^6.165.1",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts-ts": "3.1.0",
    "vss-web-extension-sdk": "^4.126.2"
  },
  "scripts": {
    "start": "react-scripts-ts start",
    "build": "react-scripts-ts build && tfx extension create",
    "test": "react-scripts-ts test --env=jsdom",
    "eject": "react-scripts-ts eject"
  },
  "devDependencies": {
    "@types/jest": "^22.2.3",
    "@types/node": "^11.13.4",
    "@types/react": "^16.8.13",
    "@types/react-dom": "^16.8.3",
    "typescript": "^2.8.4"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "build/dist",
    "module": "amd",
    "lib": ["es6", "dom"],
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "importHelpers": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true,
    "types": [
      "vss-web-extension-sdk",
      "jest"
    ]
  },
  "exclude": [
    "node_modules",
    "build",
    "scripts",
    "acceptance-tests",
    "webpack",
    "jest",
    "src/setupTests.ts"
  ]
}

И я пытаюсь импортировать его так:

import { Control } from "VSS/Controls";
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...