1

スタイルを組み合わせる簡単なスクリプトがあります。

elixir(function(mix) {
    mix.styles([
        'bootstrap.min.css',
        'font-awesome.css',
        'animate.css',
        'style.css'
    ], "public/frontend/css");
});

私のcssファイルはすべてpublic/frontend/cssディレクトリにあり、関数の2番目の引数stylesをそのベースに設定しますが、実行すると次のgulpようになります:

[19:18:22] Starting 'default'...
[19:18:22] Starting 'styles'...
[19:18:22] Merging: resources/css/css/bootstrap.min.css,resources/css/public/frontend/css/font-awesome.css,resources/css/public/frontend/css/animate.css,resources/css/public/frontend/css/style.css
[19:18:22] Finished 'default' after 196 ms
[19:18:22] File not found: resources/css/css/bootstrap.min.css
[19:18:22] File not found: resources/css/public/frontend/css/font-awesome.css
[19:18:22] File not found: resources/css/public/frontend/css/animate.css
[19:18:22] File not found: resources/css/public/frontend/css/style.css
[19:18:22] Finished 'styles' after 206 ms

したがって、ベースディレクトリをに設定しresources/cssます。

どうすれば解決できますか？

4

2 に答える 2

3

編集 私は質問を読み違えました。

mix.styles()(and )の 2 番目の引数はmix.scripts()、出力を参照します。ただし、ベース パスを参照する 3 番目の引数が必要になるため、次のように変更する必要があります。

elixir(function(mix) {
    mix.styles([
        'bootstrap.min.css',
        'font-awesome.css',
        'animate.css',
        'style.css'
    ], "path/to/output.css", "public/frontend/css");
});

必要に応じて、上記のように構成内のベース パスを変更できます。

elixir.jsonプロジェクトのルートにファイルを作成し、以下を配置します。

{
    "assetsDir": "public/frontend/"
}

そして、あなたは行く準備ができているはずです。

詳細情報を提供するために、デフォルトの構成を上書きする必要があるときはいつでも、このファイルでそれを行ってください。デフォルトの構成は次のとおりです。

var config = {
    production: !! util.env.production,
    srcDir: 'app',
    assetsDir: 'resources/assets/',
    cssOutput: 'public/css',
    jsOutput: 'public/js',
    sourcemaps: ! util.env.production,
    bowerDir: 'vendor/bower_components',
    tasks: [],
    watchers: { default: {} },
    duplicate: [],
    concatenate: { css: [], js: [] },
    compile: {}
};

からnode_modules/laravel-elixir/Config.js。

于 2015-04-08T17:27:23.643 に答える