Laravel Nova:构建组件

时间:2018-09-24 11:31:41

标签: laravel vue.js laravel-nova

第一篇文章。

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

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

任何帮助都会很棒。

EXTRA

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

2 个答案:

答案 0 :(得分:4)

更新

我发现将webpack.mix.js.dist重命名为webpack.mix.js,在./nova目录中运行npm run dev时起作用了……但是只有在运行php artisan nova:publish

之后

我已经写了一个命令来编译所有这些步骤,但是我是否每次都必须运行php artisan nova:publish,看起来...很繁琐吗?

答案 1 :(得分: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

详细信息:https://nova.laravel.com/docs/2.0/customization/frontend.html#vue-devtools