在 Laravel 中为前端和后端分离 package.json

【问题标题】：Seprate package.json for front end and back end in Laravel在 Laravel 中为前端和后端分离 package.json
【发布时间】：2019-11-28 11:04:51
【问题描述】：

我有一个 Laravel 应用程序。目前在项目的根目录中只有一个 package.json 文件，其中包含用于构建前端 app.js 和 app.css 以及后端的脚本。

我可以使用两个不同的，分别位于 frontend/package.json 和 backend/package.json 中，以便前端只有前端相关的包和脚本，而后端只有后端相关的包和脚本。

想法？

【问题讨论】：

你也可以试试这个。stackoverflow.com/questions/50471757/…

标签： laravel npm laravel-mix

【解决方案1】：

在 Laravel5 中，我们有 laravel-mix 可以帮助你轻松地做到这一点。在你的项目的根目录下，有一个名为webpack.mix.js的文件，里面默认有：

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

如果你想拥有单独的 js 和 scss 文件，只需在此处添加。假设你想为前端添加theme.js和theme.scss，只需包括如下：

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

当然不要忘记分别在resources/js（从laravel 5.5 起更改）和resources/sass 中添加相应的文件。

【讨论】：