在标准JS文件中包含节点模块

Question

我想使用以下方法将节点模块包含到标准javascript文件中：

const swal = require('sweetalert2');

但这是行不通的，当我以后使用该程序包执行操作时，它说未定义swal。我尝试将其与脚本标签一起包含在html中，但也失败了：

<script type="module" src="sweetalert2.all.min.js"></script>

从javascript文件调用该函数的html文件中的

。我对如何包含此软件包的任何帮助将不胜感激

Answer 1

如果您尝试使用npm install在浏览器中安装的模块，请使用browserify或webpack之类的东西。

或使用有效的URL

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.29.0/dist/sweetalert2.all.min.js"></script>

https://www.jsdelivr.com/package/npm/sweetalert2?path=dist

Answer 2

安装npm模块npm i sweetalert2 --save

尝试通过这种方式添加js文件

// ES6 Modules or TypeScript
import Swal from 'sweetalert2'

// CommonJS
const Swal = require('sweetalert2')

有关更多信息，请阅读此link