设置vue和laravel故障
这是我的gulpfile.js文件设置vue和laravel故障,laravel,gulp,vuejs2,Laravel,Gulp,Vuejs2,这是我的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/c
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>
Wiredcademy |@yield(‘标题’)
@产量('contents')
我对大口大口喝是相当陌生的。因此,我输入了gulp和gulpwatch命令,分别跟踪脚本和样式表以及对main.js的更改,但当我通过php artisan Service部署应用程序时
它说:
资产清单中未定义文件assets/css/index.css。(观点:
A:\xampp\htdocs\repreate\resources\views\layouts\master.blade.php)
(观点:
A:\xampp\htdocs\repreate\resources\views\layouts\master.blade.php)
也许是因为你的版本。使用
mix.version()
时,必须使用mix
在布局文件中提取资产,因为mix
散列文件名,只有它知道当前名称
<link rel="stylesheet" href="{{ mix('/assets/css/index.css') }}">
我用的是laravel 5.2加仑的手表,看起来有点冷。我该怎么办?它这样说了10分钟。那是大口大口地看着。我想这些文件已经被复制了。你现在能把这些文件链接到你的布局上吗?
mix.version('single-file');
mix.version(['file-1', 'file-2]);