README

此包包含一个预设，将修改全新的 Laravel 5.7 安装。它允许您在 Laravel 中使用 Vue-cli。它还允许您将它们包含在 blade 视图中，任何由 vue-cli-service 生成的资产。

安装

使用 Composer

$ composer require vhanla/laravel-vue-cli

接下来，将服务提供者添加到您的 config/app.php 文件中的 providers 部分

要更改包配置，您需要发布配置文件

$ php artisan vendor:publish

这将在您的 config 目录中发布 vuecli.php 文件。

首先使用 vue cli 在 resources 目录内创建一个 vue 项目 （强烈建议不使用 git，例如 vue create --no-git <app-name>）
使用 Vue-Cli 创建 vue 项目后，执行 vuecli 预设： php artisan preset vuecli 并按照交互式设置进行操作。预设命令将在 resources 目录内检测到 vue 项目。然后它会要求您选择它。
Blade 视图有两种调用资产的方法。
- 开发方法：当我们在开发时，这种方法更好。 <script src="{{ vuecli('app.js') }}"></script>
  
  它允许始终读取生成的 assets.json 文件内容，即使是从缓存视图中读取。仅推荐在本地开发模式下使用，尤其是在使用 hashed 文件名时。
- 缓存方法：这种方法更适合生产模式。 <script src="@vuecli(app.js)"></script>
  
  一旦 blade 视图被缓存，返回的资产路径始终相同，直到 blade 模板文件被修改或执行 php artisan view:clear。
换句话说，第一个将始终读取 public/assets.json 文件以找到特定的 asset 文件，而后者在缓存之前只读取一次。更明确地说，第一个将包括 <?php echo vuecli('app.js')...，而后者不会，而是将写入返回的路径。

vue cli项目有一些限制，特别是有一个静态的甚至强制静态资源目录public，其内容会与生成的构建资源一起复制到默认的dist文件夹中，如您所见，这将迫使我们必须以某种方式修改该文件夹树结构才能与Laravel一起使用。但不用担心，vue.config.js文件已经配置好了，允许public目录作为output目录，并设置静态资源为resources/public，它也将包含yarn build或npm run build将移动到/public目录的index.php文件。
Vue开发模式应仅与yarn serve或npm run serve一起使用，这是因为之前的问题，即开发模式下为vue生成的文件和更改不容易从PHP的Web服务器端访问。
HMR（热模块替换）不是通过Laravel的Web服务器提供的，而是通过vue cli的。
一些针对vue cli的插件需要确保将写入public目录的任何内容手动移动到resources/public目录。

如果出现空白页面，请确保使用虚拟主机即本地测试域名，或更新baseUrl，因为vue应用可能会找到不同的baseUrl，默认情况下期望为/而不是mylaravelapp/public。
如果关于my asset name.js的异常错误，请确保它存在于/public/assets.json中。
如果在yarn build或npm run build上显示错误- Propery "rules" is wrong type (expected object but got '[{}]')，请从package.json中删除它。