Laravel Nova：构建组件

Question

第一篇文章。

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

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

任何帮助都会很棒。

额外：

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

Answer 1

更新

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

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

Answer 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