Импортировать компонент Vue js из файла лезвия Laravel - PullRequest
Новая
       69

Импортировать компонент Vue js из файла лезвия Laravel

0 голосов
/ 26 сентября 2019

Я зарегистрировал некоторые компоненты как глобальные компоненты в файле js/app.js, но это увеличивает размер скомпилированного файла app.js. 

//example: app.js
Vue.component('profile-page', require('./components/profiles/ProfilePage.vue').default);

Вопрос: есть ли способ импортировать какие-либоэтих глобальных компонентов в файле лезвия laravel вместо глобальной регистрации в файле app.js?

примерно так: 

// laravel-blade file
<script>
    import ProfilePage from ...;
</script>

1 Ответ

1 голос
/ 26 сентября 2019

зарегистрируйте компонент в другом файле, а не app.js

resources/js/example.js

window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue').default);

Скомпилируйте ваш компонент в другой файл в webpack.mix.js

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

Включите его в клинок 

<script src="/js/example.js"></script>
...