Laravel по-русски

respectpick +1

Откуда: Москва

Сообщений: 83

Как подключить Vue компоненты из папки Public?

Есть необходимость в админку (sleepingowl) добавить свой Vue-компонент.

До этого все компоненты располагались /resources/assets/js/components.

Подключаю в админке свой блейд, который находится в папке resources/views/admin/

<div id="appCropper">
    <cropper-admin></cropper-admin>
</div>

Дальше, уже в папке public делаю

let Child = {
    template: '<div>test</div>'
};



new Vue({
    el: '#appCropper',
    components: {
        'cropper-admin' : Child
    }
});

Но проблема в том, что, когда я делаю require('путь_до_компонента_в_папке_resouces') у меня консоль выдает ошибки. Тоже самое, когда пытаюсь сделать

import VueSweetalert2 from 'vue-sweetalert2';

Vue.use(VueSweetalert2);

n_osennij +2

Сообщений: 14

Статей: 1

Re: Как подключить Vue компоненты из папки Public?

npm run dev в консоли (если последняя версия laravel). Вам нужно все свои компоненты и т.п. "скомпилировать" в js. А потом подключить его на странице.

У меня, например есть файл webpack.mix.js, где указано что куда "компилировать"

mix
    .js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css');