gulp命令无法获取文件

时间:2016-08-23 11:10:42

标签: laravel gulp laravel-5.2 laravel-elixir

这是我的gulpfile

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

elixir(function(mix) {

 mix.sass('app.scss',  'resources/css');

    mix.styles([
        'libs/bootstarp.min.css',
        'app.css',
        'libs/select2.min.css'
    ]);

});

我的资源中有一个“css”文件夹 以下文件位于该文件夹中。     '库/ bootstarp.min.css',                 'app.css',                 '库/ select2.min.css'

但是在运行“gulp”命令时,我收到以下错误

- resources/assets/css/libs/bootstarp.min.css <-- Not Found
   - resources/assets/css/app.css <-- Not Found
   - resources/assets/css/libs/select2.min.css <-- Not Found

1 个答案:

答案 0 :(得分:0)

找不到它们的原因是因为styles函数从根文件夹开始,而不是resources / css。

我看到的其他问题是你的文件名bootstrap.css中有一个拼写错误(你有'bootstrap'),你的样式方法没有将文件输出到你的应用程序可以公开访问它的任何地方。

尝试以下代码。仅供参考,您也可以链接这些方法

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

elixir(function(mix) {

    mix.sass('app.scss',  'resources/css/app.css')
       .styles([
          'resources/css/libs/bootstrap.min.css',
          'resources/css/app.css',
          'resources/css/libs/select2.min.css'
       ], 'public/css/app.css');

});