时间戳

首页 > 解决方案 > 带有 Vue.js 和 webpack 的 Laravel 6，而不是常规的 Vue

laravel - 带有 Vue.js 和 webpack 的 Laravel 6，而不是常规的 Vue

问题描述

所以我用composer create-project --prefer-dist laravel/laravel FullStack命令创建了一个新的 Laravel 项目。

之后我运行composer require laravel/ui命令。然后是npm installandnpm run dev命令。我希望我的 app.js 文件看起来像这样：

require('./bootstrap');



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


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

但是我的 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: {}
/******/        };
/******/

如何使用 Vue.js 设置 Laravel 6 以进行全栈开发？

标签： laravelvue.js

解决方案

您可能想查看 Laravel Mix 文档。 https://laravel.com/docs/6.x/mix

推荐阅读