Я пытаюсь опубликовать компонент React, написанный с помощью Typescript, и у меня есть некоторые сомнения относительно того, как лучше всего
мое рабочее пространство:
./src
index.tsx
styles.module.css
logo.svg
SubcomponentFolder
index.tsx
styles.module.css
-Чтобы опубликовать его в менеджере пакетов (npm)
я создаю файл tsconfig с: объявлениями: true, module: commonjs, target: es5, jsx: react
Затем запустите tsc && npx copyfiles -F -u 2 \"src/lib/**/*.svg\" \"src/lib/**/*.css\" dist
, это создаст папку с та же структура, но с файлами .js и файлами d.ts
мой вывод:
./dist
index.js
index.d.ts
styles.module.css
logo.svg
SubcomponentFolder
index.js
index.d.ts
styles.module.css
Это путь к этому? Или есть лучший способ приблизиться к этому? Я прочитал и увидел много сообщений и ответов, в которых говорилось, что можно использовать веб-пакет, но я не могу создать файлы определений .d.ts. А также с помощью веб-пакета он объединит реакцию и реакцию-дом и сделает пакет тяжелее, верно? Или я ошибаюсь?
-Чтобы использовать его в html-файле, например:
Также мне интересно, хочу ли я использовать свой компонент непосредственно в html-файле, импортирующем реакцию и реакцию-дом с использованием тега script, как я могу связать все, включая изображения и файлы css?