如何在 laravel 5.2 中调试这个 gulp 问题？答案

【问题标题】：How do I debug this gulp issue in laravel 5.2?如何在 laravel 5.2 中调试这个 gulp 问题？
【发布时间】：2017-11-26 02:15:45
【问题描述】：

我运行 gulp，终端上的一切似乎都很好。

var gulp = require('gulp-help')(require('gulp'));
var elixir = require('laravel-elixir');
const debug = require('gulp-debug');


/*
|--------------------------------------------------------------------------
| Elixir Asset Management
|--------------------------------------------------------------------------   
|
| Elixir provides a clean, fluent API for defining some basic Gulp tasks
| for your Laravel application. By default, we are compiling the Sass
| file for our application, as well as publishing vendor resources.
|
*/

elixir(function(mix) {
    mix.sass(['app.scss', 'controller.scss']);

});


elixir(function(mix) {

    mix.scripts([ 'assets/js/vendor/jquery.min.js', 'assets/js/vendor/tether.min.js', 'controllers.js', 'assets/js/vendor/holder.min.js','custom/js/script.js'], 'public/js/all.js').browserify('all.js');

    mix.version(["css/app.css",  "js/all.js" ]);

});

生成的文件包含以下内容： (函数 e(t,n,r){函数 s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if (!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("找不到模块'"+o+"'");throw f.code= "MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=to[e] ;return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o

},{}]},{},1);

所以页面上的javascript链接是空的，如下图所示

从终端看起来没问题，如下所示

【问题讨论】：

标签： javascript php gulp laravel-5.2

【解决方案1】：

我认为你的路径有些问题，你可以试试这个：

mix.scripts([ 
   'vendor/jquery.min.js', '
   'vendor/tether.min.js', 
   'controllers.js', 
   'vendor/holder.min.js',
   'custom/js/script.js'
],'public/js/all.js')
.browserify(['../../public/js/all.js'],'public/js/all.js');

scripts 和browserify 使用resources\assets\js 作为搜索脚本文件的根路径，browserify 会创建一个名为bundle.js 的文件。您需要两次写入文件，第一次是在生成scripts 输出时，最后一次是用 browserify 覆盖。

【讨论】：