5

我刚刚完成了 laravel 的全新安装。Elixir 没有结合我的脚本。我对正在发生的事情一无所知。我看到脚本任务被触发，但 public/js 目录中没有文件输出。

这是我的 gulpfile.js：

elixir(function (mix) {
    mix.sass('style.scss')
        .scripts([
            'vendor/jquery.js',
            'vendor/foundation.min.js',
            'script.js'
        ], 'resources/assets/js', 'public/js/app.min.js')
        .scripts([
            'vendor/modernizr.js'
        ], 'resources/assets/js', 'public/js/modernizr.js');
});

它可以正确编译 sass。

这是目录结构：https ://www.uploady.com/#!/download/221Y0RI_aYe/V7eKiQHIw2gvyXVD

4

5 回答 5

7

我找到了答案。我的 scripts() 函数的第二个和第三个参数（输入和输出目录）应该互换。似乎这在当前版本的 elixir 中发生了变化。快乐编码！

编辑（解决方案）：

elixir(function (mix) {
    mix.sass('style.scss')
        .scripts([
            'vendor/jquery.js',
            'vendor/foundation.min.js',
            'script.js'
        ], 'public/js/app.min.js', 'resources/assets/js')
        .scripts([
            'vendor/modernizr.js'
        ], 'public/js/modernizr.js', 'resources/assets/js');
});
于 2015-01-30T23:57:16.560 回答
1

我在这里发现了一个类似的问题：laracast.com
问题是 laravel-elixir 的版本不是最新版本。
因此，请查看您的 package.json 并检查您正在运行的版本。也许您的问题也是您用于 laravel-elixir 的版本。

于 2015-01-30T19:55:46.297 回答
0

这对我有用。

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

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 */

elixir(function(mix) {
    mix.less('app.less')
        .scripts([
            'vendor/underscore.min.js',
            'plugins/dropzone.js',
            'main.js',
            'autocomplete.js',
            'search.js',
            'reviews.js'
        ], 'resources/assets/js', 'public/js/app.js')
        .scripts([
            'admin.js',
            'admin-search.js'
        ], 'resources/assets/js/admin', 'public/js/app-admin.js');
});

于 2015-05-14T23:47:37.080 回答
0

Laravel (5.4) 现在正在使用Laravel Mix！所以基本上你现在有了一个 webpack 文件。看一下文档：

文档：https ://laravel.com/docs/5.4/mix

于 2017-02-08T20:26:03.220 回答
-1

这是有效的

elixir(function(mix) {
mix.sass('app.scss')

    mix.styles([
       'bootstrap.css',
        'sb-admin-2.css'

   ],'./public/css/all.css')


       mix.scripts([

           'bootstrap.min.js',
           'sb-admin-2.js'

       ], './public/js/app.js')



 });

吞咽总结

于 2016-12-18T09:02:09.947 回答