RexとPuxの統合 - require（）はどこから来たのですか？

Question

Puxのドキュメントでは、ブラウザにrequire()を使用するよう指示されています。その機能はどこから来て、どうすれば使えますか？

背景：

私はpurescript-PUXを使用しています私のWebアプリケーションとクイルエディタを統合しようとしています。 私は、ファイルにこのようなMyEditor.js作成Pux documentation後、次のように

// module MyEditor 
var React = require("react"); 
var Pux = require("purescript-pux"); 
var MyEditor = React.createClass({ 
    displayName: "MyEditor", 
    onTextChange: function onTextChange(value) { 
     this.setState({ text: value }); 
    }, 
    render: function render() { 
     return React.createElement(ReactQuill, { value: this.state.text, 
               onChange: this.onTextChange }); 
    } 
}); 
exports.fromReact = Pux.fromReact(MyEditor); 

とファイルMyEditor.pursを：

module MyEditor where 
import Pux.Html (Html, Attribute) 
foreign import fromReact :: forall a. Array (Attribute a) -> Array (Html a) -> Html a 

私はその後、私のHtml ActionとでMyEditor.fromReact [value p.description]を使用コードはコンパイルされますが、ブラウザはReferenceError: require is not definedについて不平を言います。

私は、JavaScriptのエコシステムに詳しくはありません。私はrequire（）関数を提供するいくつかのライブラリが存在することを知っていますが、どれをPuxで使うのですか？

Answer 1

requireはモジュールをインポートするNodeJSの道であるあなたは、ブラウザが理解できるバンドルを生成するためにbrowserifyまたはWebPACKのようなバンドラを通して、あなたのプロジェクトを実行する必要がありますので、それがブラウザでサポートされていません。

あなたはそれが

pulp browserify --to app.js

を実行して、スクリプトタグを通して、あなたのhtmlでapp.jsをロードするのと同じくらい簡単ですpulpビルドツールを使用している場合。

パルプをブラウズするドキュメント：https://github.com/bodil/pulp#commonjs-aware-builds