ブラウザで npmモジュールを使用したいが、require が使えない
ブラウザでnpmモジュールを使用するには、どうすれば良いでしょうか。
・動作確認したいコード(main.js
)
var clone = require('clone');
var a, b;
a = { foo: { bar: 'baz' } }; // initial value of a
b = clone(a); // clone a -> b
a.foo.bar = 'foo'; // change a
console.log(a); // show a
console.log(b);
ブラウザで上記コードを実行したら、下記エラーとなりました。
Uncaught ReferenceError: require is not defined
・上記コードを main.js
として保存後、下記コマンドを実行した後、
npm install clone
npm install -g browserify
browserify main.js -o bundle.js
・出力されたbundle.jsを読み込んだら、望む結果を取得できました
・毎回このような処理が必要なのでしょうか?