无法在webpack中填充供应商js

Question

这项任务可能看起来很简单，但我无法弄明白。

我们的网站使用flowplayer，可通过NPM获取。但是，我们的网站使用的商业版本只能通过直接下载获得。既然我们正在React中重建网站，我想使用WebPack捆绑商业版本，但我一直遇到问题。

只需通过

导入组件即可

import flowplayer from '../vendor/flowplayer.js';

产生了几个错误：

Line 7: 'handler' is not defined no-undef Line 7: 'handler' is not defined no-undef Line 7: 'handler' is not defined no-undef Line 7: 'handler' is not defined no-undef Line 7: Unexpected use of 'top' no-restricted-globals Line 8: Unexpected use of 'self' no-restricted-globals Line 8: Unexpected use of 'self' no-restricted-globals Line 451: Unexpected use of 'location' no-restricted-globals Line 3619: Unexpected use of 'location' no-restricted-globals Line 3619: Unexpected use of 'location' no-restricted-globals Line 3619: Unexpected use of 'location' no-restricted-globals Line 4875: Unexpected use of 'self' no-restricted-globals Line 4875: Unexpected use of 'self' no-restricted-globals

模块在node_modules目录中加载时是否有任何原因，而不是单独加载？

此外，由于此应用程序以前是使用create-react-app构建的，可能会有一些我不知道的默认限制吗？

Answer 1

这些是linting错误。你应该禁用你的供应商文件的linting - 这是默认情况下，但是因为你已经把它放在你的node_modules之外，你还需要添加你的供应商文件夹来忽略。

您可以npm run eject编辑webpack.config.dev / prod.js个文件，并在ignore之后在插件上添加test，或者您可以修改文件并制作它被忽略了，例如像这样：

https://eslint.org/docs/user-guide/configuring#disabling-rules-with-inline-comments

流媒体文件顶部的

/* eslint-disable */。当然，你可以修正他们的错误......