vue tutorial spa pwa example cli laravel gulp vuejs2

laravel - tutorial - vue js



Configurando problemas vue y laravel (1)

Aquí está mi archivo gulpfile.js

var elixir = require(''laravel-elixir''); require(''laravel-elixir-webpack''); elixir(function(mix) { mix.styles([ ''vendor.css'', ''font-awesome.css'', ''theme-default.css'', ''custom.css'' ],''public/assets/css/index.css''); mix.scripts([ ''vendor.js'', ''demodata.js'', ''app.js'', ''demo.js'' ],''public/assets/js/index.js''); mix.webpack(''main.js''); mix.version(''js/main.js'',''assets/css/index.css'',''assets/js/index.js''); });

Y aquí está mi master.blade.php

<!DOCTYPE html> <html lang= "en"> <head> <meta charset = "utf-8"> <title>Wiredcademy | @yield(''title'')</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no"> <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700%7cSource+Sans+Pro:200,400,600,700,900,400italic,700italic&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="{{ elixir(''assets/css/index.css'') }}"> </head> <body class="index menu-default hover-default scroll-animation"> @yield(''contents'') <script src="{{ elixir(''assets/js/index.js'') }}"></script> <script src="{{ elixir(''js/main.js'') }}"></script> </body> </html>

Soy bastante nuevo en usar gulp. Así que escribí comandos de gulp y gulp watch para hacer un seguimiento de los scripts y las hojas de estilo y los cambios en mis main.js, respectivamente, pero cuando implemente la aplicación a través de php artisan serve.

dice:

Archivo assets / css / index.css no definido en el manifiesto del activo. (Ver: A: / xampp / htdocs / restate / resources / views / layouts / master.blade.php) (Ver: A: / xampp / htdocs / restate / resources / views / layouts / master.blade.php)


Tal vez debido a su versión. Cuando use mix.version() , tendrá que usar mix para extraer sus activos también en su archivo de diseño, porque mix el nombre del archivo y solo sabe cuál es el nombre actual.

<link rel="stylesheet" href="{{ mix(''/assets/css/index.css'') }}">

No te olvides de las pestañas de wordware / .

Fuente aquí: https://laravel.com/docs/5.4/mix#versioning-and-cache-busting

Actualización usando Laravel 2, lo siento.

Creo que el error proviene del uso de mix.version() todavía. Usted pasa muchas cadenas en lugar de una matriz.

mix.version(''single-file''); mix.version([''file-1'', ''file-2]);