使用 npm 将 tokenfield 包包含到 laravel

Question

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

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

"tokenfield": "^0.8.2",

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

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

这导致我的公共文件夹中有标记字段 javascript 和 css。现在我只是像这样将那些包含在我的视图中：

<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"

然后它应该与默认的混合样板一起使用。