Laravel mix 将所有 js 代码放在 app.js 中答案

【问题标题】：Laravel mix put all js code inside app.jsLaravel mix 将所有 js 代码放在 app.js 中
【发布时间】：2017-04-28 20:00:36
【问题描述】：

我想知道是否可以将所有内容都放在 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');?

【问题讨论】：

标签： laravel webpack

【解决方案1】：

您可以将所有内容放在js() 方法中并利用它（如here 所述）：

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');

尝试检查the documentation from the Laravel Mix repository on Github。有一些有用的信息和示例。

【讨论】：

【解决方案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

【讨论】：