feature: Versionado de assets con laravel mix

Cree el versionado porque el servidor le indica al cliente que debe
mantener el cache de archivos css y js entre otros por el mayor tiempo
posible, por lo que la unica forma de actualizar estos archivos en el
lado del cliente es cambiarles el nombre
This commit is contained in:
Daniel Cortés
2019-10-19 00:53:18 -03:00
parent 82d84912ee
commit 9ecb2bcdc1
4 changed files with 13 additions and 13 deletions

View File

@@ -1,6 +1,6 @@
{
"/js/admin.js": "/js/admin.js",
"/js/app.js": "/js/app.js",
"/css/app.css": "/css/app.css",
"/css/prism.css": "/css/prism.css"
"/js/admin.js": "/js/admin.js?id=634ede2c6c16b7d4ff99",
"/js/app.js": "/js/app.js?id=17a7ca520b20b88679c7",
"/css/app.css": "/css/app.css?id=33f337856ab01c7673b7",
"/css/prism.css": "/css/prism.css?id=bae0df0e96c2ea60a797"
}

View File

@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Daniel Cortés</title>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
<nav class="menu">
@@ -32,6 +32,6 @@
@yield('content')
</div>
<script async src="{{ asset('js/admin.js') }}"></script>
<script async src="{{ mix('js/admin.js') }}"></script>
</body>
</html>

View File

@@ -10,7 +10,7 @@
@section('title')
<title>Daniel Cortés</title>
@show
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ mix('css/app.css') }}" rel="stylesheet">
</head>
<body>
<nav class="menu">
@@ -43,6 +43,6 @@
@yield('content')
</div>
<script async src="{{ asset('js/app.js') }}"></script>
<script async src="{{ mix('js/app.js') }}"></script>
</body>
</html>

10
webpack.mix.js vendored
View File

@@ -12,8 +12,8 @@ const mix = require('laravel-mix');
*/
mix.disableNotifications();
mix.js('resources/js/app.js', 'public/js')
.js('resources/js/admin.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sass('resources/sass/prism-theme.scss', 'public/css/prism.css')
.copyDirectory('resources/fonts', 'public/fonts');
mix.js('resources/js/app.js', 'public/js').version();
mix.js('resources/js/admin.js', 'public/js').version();
mix.sass('resources/sass/app.scss', 'public/css').version();
mix.sass('resources/sass/prism-theme.scss', 'public/css/prism.css').version();
mix.copyDirectory('resources/fonts', 'public/fonts');