問題タブ [laravel-mix]

laravel 5.4 では mix と browserSync がデフォルトで付属しています。*.blade.phpからファイルを変更した場合、ブラウザを新しい変更で更新したいと考えていますresources/views。私webpack.mix.jsはこの構成を持っています：

自分のやり方が正しいかどうかはわかりません。または、Mix の設定などをセットアップする必要があるかもしれません。どんな助けでも大歓迎です。

Laravel mix docsは、npm run watch「変更に関連するすべてのファイル」を実行することを示しています。しかし、どのファイルが関連しているかはどこで確認できますか?

resources/assets/js/components具体的には、コンパイルしたいファイルがいくつかあります。しかし、私も含めたい任意のファイルがあったとします。

それをどのように指定しますか？

明確化

元の投稿では十分に明確になっていない可能性があるため、もう一度試します。

私が探しているのは、TRIGER npm run watchがすべてのアセットを (再) コンパイルするファイルやディレクトリのリストです。そのリストを編集する方法。

私はここで壁に頭をぶつけました。

私のプロジェクトでは、Laravel Mix/webpack で.scss1 つのファイルを 2 つのファイル、通常の縮小されていない (展開またはネストされた) ファイルと.css縮小された (圧縮された) ファイルにコンパイルしたい.min.cssので、基本的に両方のファイルがあります。

私は試してみました：

.cssただし、 -file がコンパイルされていないため、これはエラーになります。

Laravel Mix が実行時に縮小されることは知っていますが、コンパイルするnpm run productionファイルだけでなく、2 つのファイルに興味があります。production

webpack構成全体を変更せずにこれを行う方法はありますか?

でコンパイルしようとしていますがnode_modules/.bin/webpack、次のエラーが発生します。

webpack.mix.js :

webpack.config.js :

このビデオをフォローしています: https://laracasts.com/series/learn-vue-2-step-by-step/episodes/26?autoplay=true

03:29 にクラッシュします。助けていただければ幸いです。

現在、Mix ファイルで複数のエントリ ポイントを使用しようとすると問題が発生します。

Mix ファイルには 3 つのエントリ ポイントがあります。フロントエンド、バックエンド、および「パブリック アプリ」ファイル用に 1 つ。上記のコードは、フロントエンドvendor.jsとmanifest.jsファイルを内部public/app/jsに格納する必要がありpublic/jsます。

次に参照しようとすると

webpack エラーがスローされます。

現在、Mix ファイルで複数のエントリ ポイントを使用する方法はありますか?

このエラーが発生しています。これを手伝ってくれませんか。laravel-mix の使用

ここで発行:

私は sass の使用に慣れていませんが、アプリのルック アンド フィールをカスタマイズする時間を節約できるように、sass は必須です。これらは私のカスタマイズです。

変数.scss

私は財団とバベルを初めて使用しますが、ドキュメントに従っているため、何が問題なのかわかりません。

基本的にWebpackのラッパーであるビルドシステムの一部としてLaravel Mixを使用しています。これが私のものwebpack.mix.jsです：

ビルド プロセスは問題なく実行されているように見えますが、ブラウザで「Uncaught ReferenceError: exports is not defined」というメッセージが表示されます。

の上部にall.js、次の JS が表示されます。

Babel/Foundation プラグインがどのように適切に機能するかを理解していないと思われるので、助けていただければ幸いです。

ところで、.babelrcファイルに次のものがあり、次を使用してプリセットをインストールしましたnpm install babel-preset-es2015 --save-dev：

私は Laravel mix が初めてで、現在のアプリを Laravel に移植しようとしています。私の問題は、Laravel Mix を使用して app.js に配置された別の Javascript ファイルにある関数にアクセスしようとしたときに、ファイルの順序をいじってみましたが、違いはありませんでした。機能しているように見える唯一のことは、関数を呼び出しているのと同じファイルに関数があることです。これは mix が行うべきことです。Laravelで簡単に管理できるように別のファイルに保存したいと思います.custom-queries.jsは複数のアプリで使用されます。

app.js

webpack.mix.js

custom-queries.js

ユーザー入力.js

コンソール エラー

Laravel ミックスの警告

コンポーネントファイルにこの行を追加した後、

npm num watchコンパイラは警告を発します。

しかし、この行を削除すると

警告なし

何が問題ですか？。

私は自分の JavaScript ファイルを Laravel mix でコンパイルしていますが、Babel と package.json についてまだよく知らないので、Laravel Mix が ES8、特に async/await をサポートしているかどうかを尋ねたいと思います。

試してみると、Mix が async/await を ES5 にトランスパイルしているのか、それとも async/await が最新バージョンのブラウザーでサポートされているだけなのかわかりません。アプリケーションが ES5 のみをサポートするブラウザーで引き続き動作するように、ES2015 にトランスパイルしたいと考えています。