Javascript 如何在项目中包含html5sortable？

我不确定如何将其包括在我的项目中。我使用npm安装了它：

npm安装HTML5可排序--保存

在webpack打包之后，我将按如下方式导入它：

需要“HTML5可排序”

但是当我调用（）时：

sortable（'.sortable'）

我得到：

sortable不是函数
或
sortable未定义

我还尝试了以下变体（Livescript）：

正如文档所说，“从dist/目录加载您需要的文件，例如dist/html.sortable.min.js”。我正在使用webpack，我不知道该怎么做，但我已经尝试过（在webpack.config中（在livescript中，但应该足够可读））：

不起作用。
结果表明，webpack只能处理导出模块的javascript文件。在html5sortable的例子中，这是CommonJS包。这就是我必须包含在webpack.config中的内容：

resolve:
    modules:
        'node_modules'
    alias:
        'html5sortable': 'html5sortable/dist/html5sortable.cjs'

之后，我可以简单地“要求”该库并使用它：

sortable = require 'html5sortable'

sortable '.sortable'

我猜是你干的从dist/目录加载您需要的文件，例如，对于缩小版iife，dist/html.sortable.min.js。我不确定“从dist/加载文件”的实际含义，为什么需要，以及如何做到这一点。正如我所说，我使用的是webpack.so，这意味着您使用webpack打包了可排序的文件，然后使用
包含了生成的捆绑包，不确定您的意思（抱歉，这是新的），但在webpack.config中我尝试过（没有用）：resolve:modules:'app/scripts''node_modules'别名：'html5sortable'：'html5sortable/dist/html5sortable.min.js'将您的webpack.config包含在问题中，并使用正确的格式，我从未使用过它，因此对我来说更“陌生”；-）
resolve:
    modules:
        'node_modules'
    alias:
        'html5sortable': 'html5sortable/dist/html5sortable.cjs'

sortable = require 'html5sortable'

sortable '.sortable'