javascript - 使用 npm 将 tokenfield 包包含到 laravel

Question

我正在尝试将带有 npm 的 tokenfield 包包含到 laravel 中。

首先，我在 package.json 依赖项中添加了以下行:

"tokenfield": "^0.8.2",

这导致 Node 模型下的 tokenfield 文件夹。然后我在 webpack.mix.js 中添加了以下几行:

.copy('node_modules/tokenfield/dist/tokenfield.js', 'public/js')
.copy('node_modules/tokenfield/dist/tokenfield.css', 'public/css')

这导致我的公共(public)文件夹中有 tokenfield javascript 和 css。现在，我只将这些包括在我的 View 中，如下所示:

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<script src="{{ asset('js/tokenfield.js') }}"></script>

但这不起作用。我收到以下错误:

Uncaught ReferenceError: module is not defined at tokenfield.js:1

当我查看 tokenfield.js 时，它看起来不像一个普通的 javascript 文件，它以:

module.exports =

那么我在这里错过了什么？

Answer 1

大多数时候您需要转译 NPM 包。这样做:

在你的主 js 中(例如 app.js)

window.Tokenfield =  require("tokenfield"); 

window 需要使用以使其全局可访问，因为转译的依赖项都在 iife 中执行因此默认情况下不是全局范围的一部分(这不是所有模块都必需的)。

在你的主 SCSS 中(例如 app.scss)

@import "node_modules/tokenfield/lib/scss/tokenfield"

然后它应该可以使用默认的混合样板。