3

Laravel 5 の新しい Elixir のドキュメントを読みました。

私はこのコードを書き、gulp を複数回実行しましたが、コンパイル/縮小された css と js が入ってきません:

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

elixir(function(mix) {
    mix
    .styles([
        "resources/assets/components/bootstrap/dist/css/bootstrap.css"
    ])
    .scripts([
        "resources/assets/components/jquery/dist/jquery.js"
    ])
    .version('css/app.css');
});

CLI で and を実行npm installしgulpたところ、次の出力が得られました (これは正常なようです)。

[05:15:58] Starting 'default'...
[05:15:58] Starting 'styles'...
[05:16:00] Finished 'default' after 1.32 s
[05:16:00] Finished 'styles' after 1.32 s
[05:16:00] Starting 'scripts'...
[05:16:00] Finished 'scripts' after 456 ms
[05:16:00] Starting 'version'...
[05:16:00] Finished 'version' after 2.6 ms
vagrant@homestead:~/Code/fixer$

ここで何が問題なのですか？ララキャストも見ましたが、ちゃんとやっているようです。

これが新しいことを考えると、良い答えを見つけるのは難しいです。

4

3 に答える 3

11

Elixir は、連結するスタイルシートとスクリプトが public/ ディレクトリにあると想定します。それをオーバーライドするには、ベース ディレクトリを設定します。

elixir(function(mix) {
    mix
        .styles([
            "components/bootstrap/dist/css/bootstrap.css"
        ], "resources/assets")
        .scripts([
            "components/jquery/dist/jquery.js"
        ], "resources/assets")
        .version('css/app.css');
});

(ただし、これらのブロックごとに 1 つのファイルを連結しようとしていることも忘れないでください...おそらく、それはコード スニペットのためだけのものでした。)

于 2014-10-23T17:43:24.623 に答える
1

ファイルを確認してくださいpackage.json- 私は今朝、この問題を自分で修正しようとしましたが、現時点で Elixir に少しバグがあることがわかりました。

複数の関数 (ヘッド スクリプト用、フット スクリプト用) を実行しようとしていましたが、Elixir のバージョン 0.4.x に更新するというこの投稿.scripts()を見つけるまで機能しませんでした。私がそれを行ったところ、突然、スクリプトがコンパイルされているように見えました。

その後、/public/js私が見つけることができる理由もなく、それらは表示されなくなり、0.3.* にダウングレードすると、それらが戻ってきました。

私package.jsonは今このように見えます：

{
    "devDependencies": {
        "gulp": "^3.8.9",
        "laravel-elixir": "^0.3.*"
    }
}
于 2014-10-23T12:34:38.420 に答える
0

私も同じ問題を抱えてる。これをデバッグし始めたばかりですが、これまでのところ、エリクサーから gulp-less に渡された誤った src 変数があるという事実が問題の原因であることがわかります。

[ 'undefined/resources/assets/less/site.less' ]

ご覧のとおり、「undefined」という接頭辞が付いています。

正しいパス文字列を (GulpCssCompiler で) 関数に渡すと、正常に動作します。

return gulp.src('resources/assets/less/site.less')
            .pipe(plugins[options.pluginName](options.pluginOptions))

これについてはもう少し調べてみます。

編集:「GulpCssCompiler.js」ファイルにエラーがあるようです。簡単な修正: 11 行目を置き換えます。

    options.src, options.assetsDir, options.search

と：

    options.src, config.assetsDir, options.search

gulpfile で「less/file.less」を使用します (これは、resources/assets が assetsdir であることを前提としています)

于 2014-10-23T13:02:35.510 に答える