我正在尝试将带有 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 =
那么我在这里错过了什么?
最佳答案
大多数时候您需要转译 NPM 包。这样做:
在你的主 js 中(例如 app.js)
window.Tokenfield = require("tokenfield");
window
需要使用以使其全局可访问,因为转译的依赖项都在 iife 中执行因此默认情况下不是全局范围的一部分(这不是所有模块都必需的)。
在你的主 SCSS 中(例如 app.scss)
@import "node_modules/tokenfield/lib/scss/tokenfield"
然后它应该可以使用默认的混合样板。
关于javascript - 使用 npm 将 tokenfield 包包含到 laravel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47230652/