Laravel 6 с Vue. js и веб-паком вместо обычного Vue

Question

Итак, я создал новый проект Laravel с помощью команды composer create-project --prefer-dist laravel/laravel FullStack.

После этого я выполнил команду composer require laravel/ui. Затем команды npm install и npm run dev. И я ожидаю, что файл моего приложения. js будет выглядеть следующим образом:

require('./bootstrap');



Vue.component('videoup', require('./components/VideoUpload.vue'));


const app = new Vue({
  el: '#app'
});

Однако у меня есть этот код в моем приложении. js Файл:

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};
/******/
/******/    // The require function
/******/    function __webpack_require__(moduleId) {
/******/
/******/        // Check if module is in cache
/******/        if(installedModules[moduleId]) {
/******/            return installedModules[moduleId].exports;
/******/        }
/******/        // Create a new module (and put it into the cache)
/******/        var module = installedModules[moduleId] = {
/******/            i: moduleId,
/******/            l: false,
/******/            exports: {}
/******/        };
/******/

Как мне настроить Laravel 6 с Vue. js для разработки полного стека?

Answer 1

Вы можете посмотреть документацию Laravel Mix. https://laravel.com/docs/6.x/mix