我想使用CommonJS在我的react jsx文件中包含语义UI。我用bower安装了语义UI,并且将webpack正确配置为包括bower_components目录。
require('semantic-ui/dist/semantic-ui.js')
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。
require