将 vue js 添加到几乎可用于生产的 Laravel 应用程序

Question

我有一个几乎可以投入生产的 Laravel 应用程序 (V6)。我正在添加功能，但我想使用 Vue JS 添加其中一些功能。该应用程序的前端是在 bootstrap-UI 中实现的。有人可以帮我弄清楚如何将 Vue 添加到 Laravel 应用程序吗？预先感谢您的帮助

Answer 1

我建议阅读有关 Laravel Mix 的文档。这是融入 Laravel 框架的前端框架。

https://laravel.com/docs/7.x/frontend#introduction

我建议您首先在一个虚拟项目或不同的 GIT 分支中进行尝试。

您可以使用以下命令生成基本设置：

php artisan ui vue

Answer 2

我终于分几步让它工作了。首先我安装了LaravelUIcomposer require laravel/ui "^1.2"记得是“1.2”因为Laravel版本是6，2.0版本会报这个错：然后我创建了以下文件夹和文件（仅当它们不存在于资源文件夹（resources/js/app.js、resources/sass/_variables.scss 和 resources/sass/app.scss）的应用程序中时，如此处所述： https://laravel-news.com/laravel-5-7-resources-directory-changes, [注意这个结构与版本 7 不同。] 然后我更新了 webpack.mix.js 如下：

let mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')


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

之后我运行 php artisan ui vue 安装了 vue ui 我终于安装了 npm i && npm run dev 就是这样。如果 sass-loader 抛出错误，请卸载并安装版本 7。也就是说，如果您使用的是 Laravel V6，就是这样！希望这对可能遇到同样情况的人有所帮助。

将 vue js 添加到几乎可用于生产的 Laravel 应用程序

Adding vue js to an almost production-ready Laravel application

javascript

laravel

vue.js

laravel-6