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