第一篇文章。
我目前正在构建一个 Laravel Nova 应用程序。我正在更改仪表板组件 - 更具体地说是"resources/js/views/Dashboard.vue".
我正在努力构建组件 - 有人知道如何构建组件吗?我有一些代码可以运行webpack.mix来构建我的 JS 和 SCSS 文件,但我很确定它不包含 Laravel Nova 实例中的文件。
任何帮助都会很棒。
额外:
我已经尝试运行 webpack 命令从 Laravel Nova 实例内部构建,但它出错了。
第一篇文章。
我目前正在构建一个 Laravel Nova 应用程序。我正在更改仪表板组件 - 更具体地说是"resources/js/views/Dashboard.vue".
我正在努力构建组件 - 有人知道如何构建组件吗?我有一些代码可以运行webpack.mix来构建我的 JS 和 SCSS 文件,但我很确定它不包含 Laravel Nova 实例中的文件。
任何帮助都会很棒。
额外:
我已经尝试运行 webpack 命令从 Laravel Nova 实例内部构建,但它出错了。
更新
我发现重命名我webpack.mix.js.dist的 to webpack.mix.js,npm run dev在 ./nova 目录中运行时运行...但只有在运行之后php artisan nova:publish
我已经编写了一个命令来编译所有这些步骤,但我是否php artisan nova:publish每次都必须运行,只是看起来......乏味?
默认情况下,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