12

Laravel Mix を理解する

私は現在、自分のウェブサイトの 1 つを将来的にもう少し保守しやすくするために Laravel に移行しようとしています... Laravel で API を構築した経験は豊富ですが、Laravel でウェブサイトを構築した経験は非常に限られているため、結果として私は他のプロからの指導が少し必要です。

要するに、誰かが私に数分を割いてくれるなら、次の非常に簡単な質問への回答をいただければ幸いです...

アプリベースではなく、ファイルベースの JS & CSS

私は、JS ファイルと CSS ファイルを特定の方法で記述し、各ページにそのページに関連する独自のファイルを作成するのが好きです。たとえばabout.php、次の依存関係がある場合があります。

JS:

  • jquery.js
  • any_other_third_party_library.js
  • app.js(グローバル機能)
  • about.js(ページ固有の機能)

CSS:

  • some_third_party_library.css
  • app.css(グローバル スタイル)
  • about.css(ページ固有のスタイル)

私自身のフレームワークでは、上記を組み合わせて、JS 用の 1 つのファイルと CSS 用の 1 つのファイルに縮小します。私が理解していることから、Laravel Mixはまさにこれを行います...

ただし、私が見る限り、これを行う方法は次のとおりです。

webpack.mix.js:

// About
mix.scripts([
    'resources/assets/js/app.js',
    'resources/assets/js/about/about.js'
], 'public/js/about/about.js');

簡単に言えば、私が知りたいことです。上記はこれについて正しい方法ですか？ページごとにこれを自動化する、より効率的で効率的な方法はありますか?

bootstrap.js および app.js ファイルとは何ですか?

私が見る限り、これらのファイルは依存関係をロードするだけですが、一部の依存関係はページ固有である可能性があるため、これは少し混乱します...誰かがこれらのファイルの目的をもう少し詳しく説明してもらえますか? または、少なくとも、それらの違いは何ですか...

Vue を取り除く

プロジェクトで使用することに興味がないVueため、次のファイルを削除しました。

/components/Example.vue

およびVueapp.js のコード

これは何らかの形で重要ですか？

4

1 に答える 1