Каков наилучший способ создания чистых компонентов Vue с использованием Typescript - PullRequest
Новая
       24

Каков наилучший способ создания чистых компонентов Vue с использованием Typescript

0 голосов
/ 18 сентября 2018

Я строю новый проект, используя Typescript, Vue, webpack и lerna для управления связанными пакетами.Структура моего проекта: 

/packages
    /lib-vue-components
    /lib-ts-components
   /app

lib-vue-components предназначены для повторного использования компонентов, которые я бы использовал в любом другом компоненте Vue в моем приложении: т.е. 

import {MyComponent} from "lib-vue-components"

@Component({components: MyComponent})
class AppComponent extends Vue {
        ....
        })

Я думаю о2 подхода:

  1. Не собирайте lib-vue-компоненты как отдельную сборку, просто используйте исходные тексты напрямую и соберите все вместе с проектом App.Это самый простой способ, но он не позволяет публично использовать lib-vue-componentenets для npm.

2) Сборка lib-vue-компонентов отдельно, а затем использование ее в проекте App в качестве внешнего libt.Это лучший способ для меня, но я не уверен, как создать чистую библиотеку компонентов vue + typcript, потому что webpack всегда добавляет много кода к выходному пакету (то есть добавляет сам Vue).

Doу вас есть какие-нибудь рецепты / идеи, какой подход будет лучшим в этом сценарии?

...