Laravel 5.4 では、Laravel は elixir の代わりに laravel mix を使用します。実際にコピーされたファイルをパブリックに削除する方法はありますか?

ありがとうございました

約10個のjavascriptファイルを持つプロジェクトがあります。Laravel mix webpack を使用して、js ファイルを結合およびバージョン管理したいと考えています。ファイルは結合されますが、バージョン管理は機能していません。私のscssファイルでのみ機能します。以前は Laravel elixir で動作していました。public ディレクトリにある mix-manifest.json ファイルを確認したところ、次のようなものが見つかりました。

mix.js ファイルを探しましたが、プロジェクトのどこにも見つかりませんでした。

ここに私の webpack.mix.js ファイルがあります:

ありがとうございました

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:

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

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

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

Vue を取り除く

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

およびVueapp.js のコード

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

エリクサーを使用すると、次の方法でログに記録できました。

ミックスで同じことを達成するにはどうすればよいですか? mix.log を試してみましたが、うまくいきませんでした。

私は Laravel Mix を初めて使用します。jquery ライブラリ stellar を追加できません。 npm run devを試すと、このエラーが表示されます。 js

しかし、私はすでにnpm install --save jquery.stellarまたはnpm install jquery.stellarを使用してインストールしました

これは私の webpack ファイルです: webpack.mix.js:

app.js:

ブートストラップ.js

そして、私の node_modules ディレクトリには、3 つのファイルを含む jquery.stellar ディレクトリがあります: README.md、jquery.stellar.js、package.js

何が起こっているのかわかりません、ありがとう。

webpackを使用しているLaravel Mixを使い始めました。依存関係の解決に問題があります。

でインストールしようとl20nしnpm install l20n、追加してプロジェクトに追加しましたが、次のように言われるだけでrequire('l20n');実行しました：npm run dev

わかりましたので、fsもインストールして発行npm install fsし、再度実行する必要があると考えましnpm run devたが、まったく同じメッセージが表示されます。私は何を間違っていますか？

私は最初の Laravel プロジェクト (5.4) に取り組んでいますが、実際には、js スクリプトが期待どおりに機能しない理由がわかりません。私はミックスとブレードを使用します:

コンパイル後npm run devは良さそうです：

CSS は正常に動作し、bootstrap.js も動作します。内部を確認/js/app.jsすると、すべてが内部にあるように見えます。

ここに私のテンプレートがあります：

私のトラブルは、子供からスクリプトセクション内にスクリプトを追加したいときに始まりました。

Uncaught ReferenceError: $ is not definedjqueryがロードされていないかのようになりました。

理由がわかりません。

[注] app.blade.php
内を置き換えると機能します:

と ：

Blade.php ファイルで JavaScript 関数を使用したいと考えています。非常に単純な関数で xyz.js ファイルを作成しました

次に、このファイルを webpack.mix.js 構成に追加しました。

そして実行: npm run dev. これまでのところ、npm によってスクリプトがコンパイルされ、picture関数が app.js ファイルに含まれていました。今度は、blade.php にフォームを追加し、クリック時に画像関数を呼び出したいと思います。次のblade.phpファイルを作成しました：

そして、ここで私は本当に迷子になりました（ちなみに、私は常にバックエンドの担当者でした）。ページの再読み込み時のブラウザ表示

[Vue 警告]: テンプレートのコンパイル エラー: テンプレートは、状態を UI にマッピングすることのみを担当する必要があります。解析されないため、テンプレートに などの副作用のあるタグを配置しないでください。

そして、私が持っているボタンをクリックすると

エラー new:76 Uncaught ReferenceError: xyz が定義されていません

最初のエラーは、app.js ファイルが読み込まれていないことを示しており、それが画像が見つからない理由であることを理解しています。app.js または mix JavaScript ファイルによってコンパイルされたその他のファイルをどのように含める必要がありますか? 本当にこの問題の原因はタグですか?

特定のファイルをバージョン管理しようとしています。

app.js をバージョン管理しようとしていますが、次のエラーが表示されます: Error: ENOENT: no such file or directory, open 'public/js/app.js'

私も試しました：app.*.js

laravel-mix で Web パックの外部ライブラリを使用する必要があります。Webパックでは、 webpackのドキュメントで説明されているように、このようなことをする必要があります

しかし、laravel mixでこれを行うことができますか?