Laravel Nova：构建组件答案

【问题标题】：Laravel Nova: Build ComponentsLaravel Nova：构建组件
【发布时间】：2019-02-27 21:52:45
【问题描述】：

第一次发帖。

我目前正在构建一个 Laravel Nova 应用程序。我正在更改仪表板组件 - 更具体地说是 "resources/js/views/Dashboard.vue" 中的文件。

我正在努力构建组件 - 有人知道如何构建组件吗？我有一些运行 webpack.mix 的代码来构建我的 JS 和 SCSS 文件，但我很确定它不包含 Laravel Nova 实例中的文件。

任何帮助都会很棒。

额外：

我已经尝试运行 webpack 命令从 Laravel Nova 实例内部构建，但它出错了。

【问题讨论】：

【解决方案1】：

更新

我发现将我的 webpack.mix.js.dist 重命名为 webpack.mix.js，在 ./nova 目录中运行 npm run dev 时有效...但只有在运行 php artisan nova:publish 之后才能运行

我已经编写了一个命令来编译所有这些步骤，但我是否必须每次都运行php artisan nova:publish，这似乎......很乏味？

【讨论】：

【解决方案2】：

默认情况下，Nova 的 JavaScript 被编译用于生产。因此，如果不编译 Nova 的 JavaScript 进行开发，您将无法开箱即用地访问 Vue DevTools。为此，您可以从 Nova 项目的根目录中使用以下终端命令：

cd ./vendor/laravel/nova
mv webpack.mix.js.dist webpack.mix.js
npm install
npm run dev
rm -rf node_modules
cd -
php artisan nova:publish

【讨论】：