Laravel 5.4 为 npm run watch 指定文件

Question

Laravel mix 文档表明npm run watch将运行“所有相关文件进行更改”。 但是我在哪里可以看到哪些文件是相关的？

具体来说，我在resources/assets/js/components中有一些我想编译的文件。 但是假设我有一个我也想包含的任意文件。

如何指定呢？

澄清

可能是我原帖说的不够清楚，我再试试。

我正在寻找的是TRIGER npm run watch以（重新）编译所有资产的文件和/或目录列表； 以及如何编辑该列表。

Answer 1

我在哪里可以看到哪些文件是相关的？

webpack.mix.js文件中包含的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文件中编译你的文件。

但是假设我有一个我也想包含的任意文件。

同样的把戏。 将它添加到webpack.mix.js ，就像你需要的一样（css、js、vue、sass、less）：

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 。