Laravel 5.4 npm実行監視用のファイルを指定する

Question

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

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

どのように指定すればよいですか？

明確化

私は自分のオリジナルのポストでは十分明らかにされていない可能性がありますので、私はもう一度試してみます。

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

Answer 1

どのファイルが関連していますか？

webpack.mix.jsファイルに含まれていたすべてのファイル。

具体的には、リソース/アセット/ js /コンポーネントにいくつかのファイルをコンパイルしています。

ただ、例えば、webpack.mix.jsファイルにそれらを追加します。あなたがそれらを編集したら

mix.js([ 
    'resources/assets/js/components/foo.js', 
    'resources/assets/js/components/ba.js' 
], 'public/js/app.js'); 

、WebPACKのはapp.jsファイル内のファイルをコンパイルします。

しかし、私にも含めたい任意のファイルがありました。

同じトリックです。 （CSS、JS、VUE、SASS、少ない）あなたが必要とするように、webpack.mix.jsにそれを追加します。

mix.styles([ 
'resources/assets/css/my-arbitrary-style.css' 
], 'public/css/all-css.css'); 

注：をあなたが全体のディレクトリをコピーする場合、のように：

mix.copyDirectory('resources/assets/js/components', 'public/js/components'); 

.. 。watch webpackを使用すると、コンポーネントディレクトリがpublic/js/components/resources/assets/js/componentsとしてコピーされます。