无法在 laravel mix 中添加 bootstrap.min.js

Question

我正在尝试通过Laravel mix 合并我的所有资产文件。

当我尝试在组合中添加引导 js 时遇到问题，它说 can't resolve propper.js，但我已经在它之前添加了，

这是我的混合配置代码。

var mix = require('laravel-mix');

mix
    .js([
        'resources/assets/js/jquery.min.js',
        'resources/assets/js/popper.min.js',
        'resources/assets/js/bootstrap.min.js',
        'resources/assets/js/app.js'
    ], 'public/js/app.js')
   .sass('resources/assets/sass/app.scss', 'public/css');

我认为我做错了，请纠正我。

Answer 1

我做的有点不同。 我使用 yarn 下载了 bootstrap（或者你可以使用 npm）。结果，您将拥有一个文件夹node_modules/bootstrap

在 webpack.mix.js 中我只有 app.js。

在 app.js 我有

window.Popper = require('popper.js');

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

window.$ = window.jQuery = require('jquery');

require('bootstrap');

注意！ popper.js 和 jQuery 我也是通过 yarn（或 npm）下载的