jquery - 如何在 webpack 中使用语义 ui 进行 react ？

Question

我想使用 CommonJS 在我的 React jsx 文件中包含语义 UI。我使用 Bower 安装了 Semantic-ui，并且 Webpack 已正确配置为包含 Bower_components 目录。

但是，当我使用在 jsx 文件中 require('semantic-ui/dist/semantic-ui.js') ，控制台总是抛出错误“Uncaught ReferenceError: jQuery is not Define”，即使我放置了一条语句在此之前 var jQuery = require('jquery/dist/jquery.js')。

另一个相关的事情是，为了使semantic-ui正常工作，还应该包含semantic.css。我还想知道如何在 jsx 文件中包含semantic.css。

Answer 1

尝试provide-plugin像这样:

  plugins: [
    new ProvidePlugin({
      'jQuery': 'jquery'
    })
  ],