mix.scripts 不工作 (webpack.mix.js)

Posted 2023-03-14

【中文标题】mix.scripts 不工作 (webpack.mix.js)

【英文标题】：mix.scripts is not working (webpack.mix.js)

【发布时间】：2017-07-23 08:01:43

【问题描述】：

我有以下 webpack.mix.js：

const  mix  = require('laravel-mix');
mix.scripts([
    'resources/assets/js/app.js',
    'resources/assets/js/definers.js',
    'resources/assets/js/tab_system.js',
    'resources/assets/js/searchbox.js',
    'node_modules/angular/angular.js',
], 'public/js/app.js', 'public/js');

mix.js('resources/assets/js/afegir_caracteristica_visuals.js', 'public/js')
    .js('resources/assets/js/afegir_categoria_visuals.js', 'public/js')
    .js('resources/assets/js/afegir_localitat_visuals.js', 'public/js')
    .js('resources/assets/js/afegir_tipo_visuals.js', 'public/js')
    .js('resources/assets/js/afegir_transaccio_visuals.js', 'public/js')
    .js('resources/assets/js/eliminar_element.js', 'public/js');

mix.styles([
    'resources/assets/css/tab_system.css',
    'resources/assets/sass/app.scss',
], 'public/css/app.css');

当我运行npm run dev 时，我收到此错误： error in the cmd with the homestead ssh

【问题讨论】：

在npm run dev之前你执行npm install了吗？

是的，我做了，没有任何改变，我也在项目中运行 npm install vanilla-js ，没有，同样的错误。

你有node_modules/laravel-mix 目录吗？

我会，事实上 laravel-mix 的其他功能就像一个魅力，但 mix.scripts 和 mix.styles 没有

【参考方案1】：

我遇到了同样的问题，您应该尝试使用 mix.combine 而不是 mix.scripts。 所以你脚本的第一部分应该变成：

mix.combine([
    'resources/assets/js/app.js',
    'resources/assets/js/definers.js',
    'resources/assets/js/tab_system.js',
    'resources/assets/js/searchbox.js',
    'node_modules/angular/angular.js',
], 'public/js/app.js', 'public/js');

我在这里找到了解决方案：https://github.com/JeffreyWay/laravel-mix/blob/master/docs/concatenation-and-minification.md

【讨论】：

你不需要第三个参数，但其他一切都很完美，非常感谢！！

【参考方案2】：

嗯，这可能是一个有点老的话题，但我正在寻找自己的解决方案，所以：

npm update laravel-mix 

和

npm install cross-env

为我工作。

【参考方案3】：

我解决了问题 使用

mix.js('resources/js/app.js', 'public/js')