如何使用Laravel Mix最佳地组合资产?

时间:2017-06-11 03:17:56

标签: laravel

我对此方案有疑问,最好用此代码解释:

mix.js('resources/assets/js/frontend.js', 'public/js')
    .sass('resources/assets/sass/frontend.scss', 'public/css')
    .extract([
        'jquery',
        'bootstrap'
    ])
    .scripts([
        'resources/assets/vendor/constellation.min.js'
    ], 'public/js/all.js')
     .styles([
         'resources/assets/vendor/swiper/css/swiper.min.css',
         'resources/assets/css/styles.css'
     ], 'public/css/all.css');

如您所见,我创建了frontend.jsvendor.jsfrontend.cssall.jsall.css。现在,我的问题是:

如何将all.js / all.css合并到frontend.js / frontend.css?

任何指针都将非常感谢!

1 个答案:

答案 0 :(得分:1)

不要考虑如何通过Laravel mix组合这些资产,而只需通过他们自己的逻辑导入/要求它们。

对于Javascript,您可以使用 import (ES6)或 require 来包含其他JS资产。

同样适用于SASS / SCSS,它可以通过同名命令导入 CSS。