Question

这是我的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');

});

这是我的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>

我很擅长使用gulp。所以我确实键入了gulp和gulp watch命令来分别跟踪脚本和样式表以及对main.js的更改。但是当我通过php artisan serve部署应用程序时。

它说：

资产清单中未定义文件assets / css / index.css。（视图： A：\ XAMPP \ htdocs中\重申\资源\意见\布局\ master.blade.php）（视图： A：\ XAMPP \ htdocs中\重申\资源\视图\布局\ master.blade.php）

Answer 1

也许是因为你的版本控制。当您使用mix.version()时，您必须使用mix在资源布局文件中提取资源，因为mix会对文件名进行哈希处理，并且只知道当前名称是什么。

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

不要忘记wordware骂/。

来源：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]);

设置vue和laravel麻烦

1 个答案: