Экспорт компонента в один файл - без использования стиля vuetify - PullRequest
0 голосов
/ 08 мая 2020

У меня есть проект vuetify (Windows / VSCODE).
Наш план состоит в том, чтобы создать компоненты для наших внутренних команд - нет NPM. Я создал компонент hello-world. vue и запустил сценарий (ниже) из package. json, чтобы создать папку dist с этим компонентом. Это работает довольно хорошо, но в другой демонстрации приложения. html или что-то подобное, кнопка Vuetify v-btn не имеет стиля vuetify ... Скрипт создает отдельные компоненты на основе файла vue. сценарий, выполняемый для создания компонентов "buildSF C": "cross-env vue -cli-service build --target w c --name jcd c -sf c 'src / components / *. vue '"

Что мне не хватает для получения стилей VUETIFY и т.п.?

См. GIT HUB для кода: https://github.com/wlafrance/jcdc-sfc Если вы потянете git вниз, в командной строке vue выполните этот сценарий: npm запустите buildSF C Затем найдите папку dist в проекте и откройте html файл в формате chrome, чтобы увидеть проблему. Итак, посмотрим, как он должен выглядеть (кнопка) выполнить: nmp run serve

enter image description here

1 Ответ

0 голосов
/ 14 мая 2020

Ваш publicPath в vue.config.js, вероятно, по умолчанию /, то есть ваш root диск. Итак, если он у вас запущен на Windows и на вашем C: диске, тогда ваш demo.html будет искать файлы в C: \. Добавьте publicPath: "./" в конфигурацию vue.

Также проверьте скрипты package- json. buildLib имеет ./src/, а buildSFC нет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...