Question

Gulp正在追加一位领先的＆＃39; /＆＃39;到app.css mix.styles项目和输出是相应的＆＃39; unsual＆＃39; ，但app.js mix.scripts输出完全没问题。问题是 - 当gulpfile.js路径结构基本上是相同的格式时，为什么只发生在mix.styles部分？以及来自fonts.googleapis的引用来自哪里？

我在使用PhpStorm的Windows 10 bootcamp中的宅基地运行laravel 5.3

gulp输出：

gulp output - note the leading slash in mix.styles '/resources . . .' should just be 'resources . . .' as in mix.scripts

gulpfile.js：

 recSeq(6); //  1 2 4 8 16 32

这是app.css输出：

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');

var vendor_path = 'resources/assets/vendor';

var path = {
    'jquery'     : vendor_path + '/jquery',
    'jqwidgets'  : vendor_path + '/jqx/jqwidgets',
    'jqxscripts' : vendor_path + '/jqx/scripts',
    'bootstrap'  : vendor_path + '/bootstrap'
   };

elixir(function(mix){

  /* Mix Styles */

  mix.styles([
      path.jqwidgets + '/styles/jqx.arctic.css',
      path.jqwidgets + '/styles/jqx.bootstrap.css'
  ],
  'public/css/app.css', '/');

/* Mix scripts */

mix.scripts([
     path.jquery     + '/dist/jquery.js',
     path.bootstrap  + '/dist/js/bootstrap.js',
     path.jqxscripts + '/jquery-1.11.1.min.js',
     path.jqwidgets  + '/jqxcore.js',
     path.jqwidgets  + '/jqxdata.js',
     path.jqwidgets  + '/jqxbuttons.js',
     path.jqwidgets  + '/jqxmenu.js',
     path.jqwidgets  + '/jqxcheckbox.js',
     path.jqwidgets  + '/jqxlistbox.js',
     path.jqwidgets  + '/jqxscrollbar.js',
     path.jqwidgets  + '/jqxdropdownlist.js',
     path.jqwidgets  + '/jqxgrid.js',
     path.jqwidgets  + '/jqxgrid.selection.js'
   ],
    'public/js/app.js', './');

    mix.sass('app.scss')
    .webpack('app.js');
});

Answer 1

我已经测试了你的代码删除了第三个参数，它按预期工作：

mix.styles([
  path.jqwidgets + '/styles/jqx.arctic.css',
  path.jqwidgets + '/styles/jqx.bootstrap.css'
],
'public/css/app.css');

相同的测试sass和更少。

Answer 2

找到一个奇怪而简单的解决方案 - 运行'gulp watch'而不是像我一直在做的'gulp'，产生预期的app.css结果。

Gulp没有在宅基地运行的laravel 5.3中产生预期的app.css结果

2 个答案: