Экспорт двух компонентов в виде библиотеки - PullRequest
Новая
       21

Экспорт двух компонентов в виде библиотеки

1 голос
/ 24 октября 2019

У меня есть проект TypeScript Vue. Внутри этого проекта у меня есть два компонента: Cookiebar и CookiebarOpener (CbOpener). Моя цель - экспортировать эти два компонента в виде библиотеки, чтобы я мог использовать их на трех разных веб-сайтах, таких как: 

<p>Some website content</p>
<div id="app">
    <cookiebar></cookiebar>
    <span>Other website content<span>
    <cbopener>
       <span>Open layer</span>
    </cbopener>
</div>

Я пытался экспортировать библиотеку через "build-cookiebar": "vue-cli-service build --target lib --name cookiebar src/components/cookiebar.vue src/components/cbopener.vue ", но только панель cookie без cbopenerэкспортировано.

У вас есть какие-нибудь догадки?

1 Ответ

2 голосов
/ 12 ноября 2019

Ваша команда сборки должна быть: 

vue-cli-service build --target lib --name dummylib src/main.js

, и ваш файл src / main.js должен выглядеть примерно так: 

import cookiebar from './src/components/cookiebar.vue'
import cbopener from './src/components/cbopener.vue'

export default {
  cookiebar,
  cbopener
}

Я на самом деле написал весь постоб этой теме, которую вы можете найти здесь: https://medium.com/@olivierpicault/create-a-vue-js-component-library-as-a-module-part-1-a1116e632751

Cheers

...