Laravel Mix将所有js代码放入app.js

Question

我想知道是否可以将所有内容放入app.js文件中？ 我有很多文件，很长一段时间都不会碰，所以我不需要担心缓存。

现在我正在我的webpack.mix.js中执行此操作：

mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css') .scripts([ 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js', 'resources/assets/js/libs/xxxx.js' ], 'public/js/all.js');

这将创建两个JS文件： app.js和all.js。 我现在想要做的是将这些文件合并为一个大文件app.js。 这可能吗？：

mix.babel(['app.js', 'all.js'], 'app.js'); ？

Answer 1

你可以把在一切js()方法和利用它的优势（如描述这里 ）：

mix.sass('resources/assets/sass/app.scss', 'public/css');

mix.js([
    'resources/assets/js/app.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js',
    'resources/assets/js/libs/xxxx.js'
], 'public/js/all.js');

尝试检查Github上Laravel Mix存储库中的文档 。 有一些有用的信息和示例。

Answer 2

要组合.js文件，请使用mix.combine：

mix.combine(['one.js', 'two.js'], 'merged.js');

https://github.com/JeffreyWay/laravel-mix/blob/master/docs/concatenation-and-minification.md