2017-06-11 11 views
0

は、私は最高のこのコードで説明されてこのシナリオについて質問があります:Laravel Mixを使用してアセットを組み合わせるにはどうすればよいですか?

mix.js('resources/assets/js/frontend.js', 'public/js') 
    .sass('resources/assets/sass/frontend.scss', 'public/css') 
    .extract([ 
     'jquery', 
     'bootstrap' 
    ]) 
    .scripts([ 
     'resources/assets/vendor/constellation.min.js' 
    ], 'public/js/all.js') 
    .styles([ 
     'resources/assets/vendor/swiper/css/swiper.min.css', 
     'resources/assets/css/styles.css' 
    ], 'public/css/all.css'); 

あなたは私がfrontend.jsvendor.jsfrontend.cssall.js、およびall.cssを作成する見ることができるように。今、私の質問は:

all.js/all.cssをfrontend.js/frontend.cssに結合するにはどうしたらいいですか?

どのポインタも大変ありがとうございます。

+1

ベンダーJSアセットのJSファイルでimport/requireを使用して、cssファイルをインポートするのはなぜですか? Laravel mixはこれをサポートしています:) – manniL

+1

ありがとう@manniL!それは多くの助けとなり、実際には完全に機能しました。ありがとう、トン!あなたが望むなら、私はそれを受け入れるでしょう、答えを自由に感じてください! :-) – Chris

+0

あなたはようこそ@Chris!私は答えを追加:) – manniL

答えて

1

これらのアセットをLaravelミックスでどのように組み合わせるかについて考える代わりに、独自のロジックを使用してそれらのアセットをインポート/要求することができます。 JavaScriptが

、あなたは他のJS資産が含まれるようにを必要とインポート(ES6)またはを使用することができます。

同じことが、同じ名前のコマンドを使用してのインポートのCSSを使用して、SASS/SCSSで動作します。

関連する問題