使用 Laravel Mix 导入库/依赖项答案

【问题标题】：Import a library/dependency with Laravel Mix使用 Laravel Mix 导入库/依赖项
【发布时间】：2019-04-15 19:42:59
【问题描述】：

我有一个小问题需要一些时间才能找到解决方案。我正在尝试将此库导入到我在 Laravel 中的项目中。

https://www.adchsm.com/slidebars/help/usage/initializing-slidebars/

我已经用 NPM 安装了这个库。

npm install slidebars --save-dev

然后我尝试将此库导入我的app.js 文件，该文件具有以下结构：

import jquery from 'jquery';
import popper from "popper.js";

try {
    window.$ = window.jQuery = jquery;
    window.Popper = popper.default;

    require('bootstrap');
    require('slidebars');

} catch (exception) {
    console.log(exception);
}

$(document).ready(function () {
    let constructor = new slidebars();
});

运行 npm run watch 但随后在我的浏览器中我在控制台中收到以下错误：

ReferenceError: slidebars is not defined

拜托，如果你能帮助我，我已经在不同的地方搜索过，但我找不到解决方案。非常感谢您。

【问题讨论】：

标签： npm laravel-mix

【解决方案1】：

运行...

npm install slidebars

+ slidebars@2.0.2
added 1 package and audited 16905 packages in 9.487s
found 0 vulnerabilities

在 /resources/js/app.js 添加...

window._ = require('lodash');

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    window.slidebars = require('slidebars');

    require('bootstrap');
} catch (e) {}

然后编译资产：

npm run prod

【讨论】：