gulp 命令无法获取文件

Question

这是我的 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”文件夹。
以下文件位于该文件夹中。 'libs/bootstarp.min.css', 'app.css', 'libs/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

Answer 1

没有找到的原因是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');

});