我想使用CommonJS在我的react jsx文件中包含语义UI。我用bower安装了语义UI，并且将webpack正确配置为包括bower_components目录。
但是，当我require('semantic-ui/dist/semantic-ui.js')在jsx文件中使用时，即使我在该语句var jQuery = require('jquery/dist/jquery.js')之前放置了一个语句，控制台也总是会抛出错误“未捕获的ReferenceError：未定义jQuery” 。
另一个相关的事情是，为了使语义用户界面起作用，还应包括语义.css。我也想知道如何在jsx文件中包含语义.css。
至于CSS，您将需要在采购JS之前将其加载到index / whatever.html文件中。
在需要语义UI之前，请尝试以下操作：
var $ = jQuery = require('jquery/dist/jquery.js');
window.jQuery = $; // Assure it's available globally.
var s = require('semantic-ui/dist/semantic-ui.js');
并非100％肯定会奏效，但值得尝试。
CommonJS模块会使事情变得棘手。另外，可能值得研究React + Browserify。使用导入NPM模块变得非常简单require。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句