设置VUE和laravel麻烦
问题描述:
这里是我的gulpfile.js文件设置VUE和laravel麻烦
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');
});
这里是我的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&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>
我是相当新的使用一饮而尽。因此,我确实输入了gulp和gulp watch命令来分别记录脚本和样式表,并分别更改我的main.js但是当我通过php artisan serve部署应用程序时。
它说:在资产清单没有定义
文件资产/ CSS/index.css。 (查看: A:\ xampp \ htdocs \ restate \ resources \ views \ layouts \ master.blade.php) (查看: A:\ xampp \ htdocs \ restate \ resources \ views \ layouts \ master.blade.php )
答
也许是由于你的版本。当您使用mix.version()
时,您将不得不使用mix
来拉动您的资源以及布局文件,因为mix
会散列文件名称,只有它知道当前名称是什么。
<link rel="stylesheet" href="{{ mix('/assets/css/index.css') }}">
不要忘记wordware lash /
。
这里来源:https://laravel.com/docs/5.4/mix#versioning-and-cache-busting
更新 使用Laravel 2,对不起。
我认为这个错误还是来自于您使用mix.version()
。 你传递给它许多字符串而不是数组。
mix.version('single-file');
mix.version(['file-1', 'file-2]);
我正在使用laravel 5.2 – d3cypher
然后检查我的更新。 – EddyTheDove
哦,谢谢让我试试这个 – d3cypher