我正在使用基于 Foundation 构建的 Wordpress 框架,并使用 Webpack 来捆绑 JS。对 Webpack 非常陌生。
当我将 Slick.js 添加到我的项目时,我使用:
//import JS
import './lib/slick';
//init
$('.my-class').slick({});
这按预期工作,我没有收到任何错误。
但是,当我像这样添加 sweetalert2.js 时:
import './lib/sweetalert2';
//init
swal({
title: 'Error!',
text: 'Do you want to continue',
type: 'error',
confirmButtonText: 'Cool'
});
我遇到了 swal 未定义错误。
但是,这有效,并且在初始化时没有出现任何错误。
import swal from './lib/sweetalert2';
我猜这与暴露函数有关。然而,我试图理解为什么 slick.js 不这样做就能工作,而 sweetalert2 却不能。
谢谢。
最佳答案
看起来 slick 是一个 jQuery 插件,因此加载库只是将其固定到全局 jQuery 实例上,但 sweetalert2 是一个独立的,不想只创建一个全局对象(因为这通常是一个坏主意)。
关于javascript - Webpack 导入和捆绑模块的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46373204/