問題タブ [laravel-mix]

npm run watch読み込まれないページに誘導します。手順は次のとおりです。

• を実行して新しいプロジェクトを開始しますlaravel new my-app。私はLaravel5.8を使用しています
• my-app に移動し、 を実行して依存関係をインストールしますcd my-app && npm install。package.jsonファイルは次のとおりです。

• 完了後、期待どおりに動作しますphp artisan serve
• npm run devapp.js と app.scss も完全にコンパイルします

• を実行するnpm run watchと、正しくビルドされますが、通常の ではアクセスできませんlocalhost:3000。また、すべてがコンパイルされるとすぐにタブが自動的に開かれることを期待していましたが、そうではありませんでした

• browserSyncそのため、laravel mixのオプションを使用して自分で構成しようとしています。その後の私のwebpack.mix.jsファイルは次のとおりです。

• それから私はnpm run watch再び走ります。BrowserSync は機能しているようで、その UI にアクセスできます。出力は次のとおりです。

• ただし、にアクセスするhttp://localhost:3000と、ロードされない空白のページが表示されます。コンソールにエラーが表示されない
• mix.browserSync('my-app.dev')browserSync のようなプロキシ オプションを使用しようとしましたが、DNS_PROBE_FINISHED_NXDOMAINエラーが発生します
• Chromeで試してみましたが、プラグインをインストールしたことがなく、基本的に使用さえしていないFirefoxでも同じことが起こります

パス resources/json/ からすべての json ファイルを取得してバージョン管理を行い、json ファイルが変更されたときにユーザーがそれをリロードできるようにしたいのですが、どの関数を使用する必要があるのか​​ わかりません

webpack.mix.js を変更しました:

しかし、ディレクトリから別のディレクトリにコピーする方法と、ミックスマニフェストファイルの書き込みですべてのjsonファイルをハッシュで書き込む方法がわかりません

私はこれらすべてに慣れていません。変な質問ですみません。

Yajra Datatables Package を使用して、Laravel でいくつかの動的テーブルを表示することを計画しています。Laravel Mix をインストールしました。どうやら、データテーブルは、ajax を使用して送信/取得するように動作するように js ロジックを必要とします。

Laravel Mix Docsには次のように書かれています：

mix.styles() でスタイルシートを結合するのと同様に、scripts() メソッドで任意の数の JavaScript ファイルを結合して縮小することもできます。

これを行うと、js を必要とするすべてのページに、特定のテーブルの特定の Datatables ロジックも含まれますか? これでいいですか？

ミックスをインストールしましたが、必要に応じてこれらのタイプのスクリプトを含めるために「public/js」ディレクトリを使用する必要がありますか?

tldr; データテーブルパッケージに必要なjsロジックをlaravelのどこに置くべきですか?

編集：これはいくつかのサンプルコードです。これはどこに置けばいいですか？関連するブレードビューの中に入れるだけですが、これは良い方法ですか?

私はエリキシルから移行するlaravel-mixを使い始めています。

問題は、js ファイルを public フォルダーにコピーした後、webpack ブートストラップ コードが追加されることです。

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

私の webpack.mix.js ファイル:

私のpackage.jsonファイル：

元のjsファイルは次のとおりです。

mix.js の後の結果ファイルは次のとおりです。

mix プロセスがこのコードを追加するのはなぜですか? 本当に必要かどうか、なぜ必要なのかを理解したいだけです。

よろしくお願いします。

小さなjs es6ライブラリを構築しています。

laravel-mix を使用してコードをコンパイルしています。

次に、コンパイルされたスクリプトを HTML にインポートします。

しかし、jsエラーが発生します:Uncaught ReferenceError: Library is not defined

私は何を間違っていますか？

私のに従って必要なすべてのパッケージのステートメントを挿入するlaravel-mix-polyfillパッケージに問題がありますが、それらはbabelによって処理されず、コンパイルされたes5コードに表示され、ブラウザーにエラーがスローされます。requirecore-jsbrowserlist

コンパイルされたコードは次のようになります。

これにより、ブラウザに次のエラーがスローされます。

coffeescript:3 Uncaught ReferenceError: require が定義されていません

私のコードでは、バベルは import ステートメントと require ステートメントの両方を問題なく処理できるため、物事が間違った順序で起こっているように感じますが、挿入された require ステートメント ( babel docsによると、インポートとして挿入する必要がありますが、それが関連しているかどうかはわかりません)ただし) トランスパイル時には、babel によって無視されます。

再現する手順：

• Laravel ミックス バージョン: 4.1.4
• ノードのバージョン: v12.10.0
• NPM バージョン: 6.10.3
• OS: macOS モハーベ 10.14.6 (18G84)

パッケージ.json

webpack.mix.js

他の誰かがこの問題を経験しましたか?

どんな助けでも大歓迎です！

laravel-mix を使用して特定のファイルを最小化する方法を見つけようとしています。ドキュメントから、を使用してファイルを縮小できることが指定されていますnpm run prod。私の目標はファイルを縮小することですa.jsが、b.js. webpack.mix.jsonこれは、構成ファイルまたは のnpmコマンド エイリアスを介して可能package.jsonですか?

バージョン:

laravel-mix@1.7.2

npm@6.4.1

laravel@5.5.48

Laravel Mix を使用して、CSS および JS コードをコンパイルします。エディターとして PhpStorm を使用しています。

CSS および JS ファイルを編集するときにコードを自動的にビルドするために実行npm run watchすると、PhpStorm はコンパイルされたコードのインデックス作成を開始し、ファイルに小さな変更を加えると、PhpStorm はすべてのビルドされたコードのインデックスを再度作成します。

コマンドを使用すると、PhpStorm のパフォーマンスが非常に悪くなりnpm run watchます。

これを修正する方法は？

laravel プロジェクトをサーバーにアップロードした後、javascript ファイルの変更などの新しい変更をサーバーにデプロイしたいと考えています。私はコマンドを使用します

すべてのスタイルとスクリプトを混在させます。

残念ながら、変更はウェブサイトには適用されません

Laravel 5.8 を使用しています。VueJs を使用した SPA に取り組んでいます。

いくつかの依存関係の問題

これは、いくつかのページを開く際のエラーです

私のpackage.json依存関係は

私のpackage.jsondevDependencyは

vue-treeselectこれらに問題があると思いますが、問題vue-awesome-swiperなく動作している場合もありますが、エラーが表示される場合もあります

じぶんのwebpack.mix.js

これがvue-swiperをインポートする方法です

v-treeselect のインポート