在 Webpack 中使用语义 UI 和 jQuery

Question

我正在尝试将语义 UI 和 jQuery 与 Webpack 一起使用。看似一个非常简单的概念，但在这种情况下变得不可能复杂。我无法在网络上找到同时演示 jQuery 和 Webpack 语义的解决方案。我遇到的问题是我已经通过 CDN 通过 index.html 进行了语义和 jquery 加载。现在我想将它们移动到捆绑包中，我需要它们在全球范围内可用。

我用过：

 new webpack.ProvidePlugin({
    $: "jquery",
    'jQuery': "jquery",
    "window.jQuery": "jquery"
}),

虽然我无法测试它是否有效，因为语义事先加载并尝试使用不可用的 jQuery。我也希望语义在全球范围内可用，因为我不认为它是我可以明确导入的东西。

谢谢

Answer 1

只需记住删除 node_modules 目录并通过 npm install 重新安装即可解决此问题。我以前的所有尝试都在已安装的包目录中造成混乱，并最终误报了不存在的问题。

这个故事的寓意：如有疑问，请重新创建您的 node_modules！

在 Webpack 中使用语义 UI 和 jQuery

Using Semantic UI and jQuery with Webpack

jquery

semantic-ui

webpack