包括令牌包到laravel与npm

Question

我试图包括npm令牌包与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') 

这导致我不得不tokenfield JavaScript和CSS在我的公用文件夹。现在我只是包括在我看来这样的人：

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

但是，这个doesent工作。我得到以下错误：

module.exports = 

所以我在做什么在这里失踪：

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

，当我看着它doesent看起来像一个普通的JavaScript文件的tokenfield.js，它开始？

Answer 1

大多数情况下您需要转储NPM包。这样做：

在你的主JS需求（如app.js）

window.Tokenfield = require("tokenfield"); 

window，以使其在全球acessible因为transpiled的依赖都在iife内执行使用，因此不属于默认情况下全局范围（这不是所有模块都需要）。

在你的主SCSS（例如app.scss）

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

那么就应该使用默认的混合样板工作。