Laravel 5.4 为 npm run watch 指定文件

Question

The Laravel mix docs indicate that npm run watch will run "all relevant files for changes." But where do I see which files are relevant?

Specifically, I have some files in resources/assets/js/components that I'd like to have compiled. But say I had an arbitrary file that I also wanted to include.

How would one specify that?

CLARIFICATION

I may have not been clear enough in my original post, so I'll try again.

What I'm looking for is the list of files and/or directories that TRIGER npm run watch to (re)compile all assets; and how to edit that list.

Answer 1

where do I see which files are relevant?

All the files that were included in webpack.mix.js file.

Specifically, I have some files in resources/assets/js/components that I'd like to have compiled.

Just add them in the webpack.mix.js file, for example:

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

Once you edit them, webpack will compile your files in app.js file.

But say I had an arbitrary file that I also wanted to include.

Same trick. Add it to webpack.mix.js , like as you require (css, js, vue, sass, less):

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

Note: If you copy a entire dir, like:

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

... using watch webpack will copy your components directory as public/js/components/resources/assets/js/components .