Если а Vue.js проект использует компоненты с одним файлом, означает ли это, что библиотеки vue не могут быть загружены с CDN?

#javascript #vue.js #vuejs2 #vue-sfc

Вопрос:

Я скачал учебник с https://github.com/Ethiel97/simple-chart-vue Похоже, он построен с помощью vue-cli

Я хотел бы преобразовать его для загрузки Vue через CDN. Я не знаю, куда вставить код для загрузки библиотек Vue с CDN, потому что нет HTML-кода из-за использования однофайловых компонентов .файлы vue.

Куда вставить следующий код?

 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
<script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>
 

Правильно ли я понимаю, что если код Vue использует SFC (компонент с одним файлом), он не может загрузить библиотеку js через CDN?

Комментарии:

1. Эти вещи не связаны между собой. «HTML-кода нет» — см. cli.vuejs.org/guide/html-and-static-assets.html

Ответ №1:

Не имеет значения, что вы используете однофайловые компоненты. В рабочей среде вам необходимо использовать пакет модулей, такой как Webpack, для компиляции приложения в один app.js и приложение.css. Сделав это, вы сможете прикрепить файл JS и CSS в свой HTML-код, и он будет совместим с CDNS.