Как совместить Vue.js и Yii2?

Общие вопросы по использованию второй версии фреймворка. Если не знаете как что-то сделать и это про Yii 2, вам сюда.
Ответить
Brainfuck
Сообщения: 313
Зарегистрирован: 2018.02.19, 14:20

Как совместить Vue.js и Yii2?

Сообщение Brainfuck »

Мне нужно изолированно в одном месте применить Vue.js в проекте на Yii2. Это не будет SPA, просто мне нужна более сложная интерактивность чем может дать JQuery. Я пытался подключить Vue как CDN, но при подключении своих компонентов Vue столкнулся с ошибкой:

Код: Выделить всё

Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.
Подключил:

Код: Выделить всё

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script type="module" src="/js/chat/main.js"></script>
main.js:

Код: Выделить всё

import Chat from './Chat.vue'

new Vue({
    el: '#chat',
    template: '<chat/>',
    components: {Chat},
})
Похоже что через CDN не выйдет? Если так то как настроить npm в проекте так чтобы он работал только для одной вьюхи? Точнее в одном модальном окне.
Аватара пользователя
ElisDN
Сообщения: 5845
Зарегистрирован: 2012.10.07, 10:24
Контактная информация:

Re: Как совместить Vue.js и Yii2?

Сообщение ElisDN »

На какой из скриптов ругается? На vue.js или на main.js ?
Аватара пользователя
proctoleha
Сообщения: 298
Зарегистрирован: 2016.07.10, 19:00

Re: Как совместить Vue.js и Yii2?

Сообщение proctoleha »

По npm

Проблем для использования npm в проекте нет никаких. Хоть в одном файле, хоть не в одном

1. Накатываем npm

2. Конфигурируем webpack таким образом, чтобы он брал файлы из нашей директории ./src_js/src, например, и клал в соответствующие папки ./src_js/dist, с сохранением имени исходного файла.

Например, у нас есть файл ./src_js/src/chat/main.js
После вебпака у нас появится файл ./src_js/dist/chat/main.js

3. Пишем стандартный Asset Yii2, в котором прописываем путь к нашему js файлу, и подключаем его в нужной вьюхе
Вот за что я не люблю линукс, так это за свои кривые, временами, руки
Аватара пользователя
porcelanosa
Сообщения: 570
Зарегистрирован: 2010.03.16, 04:31
Откуда: Москва

Re: Как совместить Vue.js и Yii2?

Сообщение porcelanosa »

Я использовал https://laravel-mix.com/ для комфортной сборки проекта. Удобно.
mcintosh-club.ru - первый мой сайт с использование Yii //
Акустика Sonus Faber Hi-End класса//
Необрезная доска и другие пиломатериалы
Ответить