Laravel 在项目中混合导入节点模块

Question

我正在尝试在 public 文件夹中创建的自定义模块中导入节点模块。

我在webpack.mix.js

做什么

mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css')
    .js('node_modules/normalize-wheel', 'public/assets')
    .version();

在脚本文件中

import NormalizeWheel from '../normalize-wheel.js'

我遇到的错误

Uncaught SyntaxError: The requested module '../normalize-wheel.js' does not provide an export named 'default'

如何使用 laravel mix 从 node_modules 文件夹正确导入？

Answer 1

对于和我有相同 question/issue 的人，我找到了一个简单的解决方案。

在您的 app.js 文件中执行

window.NormalizeWheel = require('normalize-wheel');

Webpack via Laravel 将捆绑包混合在一个文件中 /public/js/app.js 可以附加到任何地方。

Laravel 在项目中混合导入节点模块

Laravel mix import node module in project

laravel

webpack

laravel-mix