質問: require('jquery'); new _vue2.default({ el: '#app', components: {} }); */ ``` main.jsに関してはbabelで変換しています。 importを使う方法、requireを使う方法、両方で明記してみましたが, どちらも"Uncaught ReferenceError: require is not defined"になってしまいます。 Gulp初心者で恐縮ですが、どの記述が問題なのかわからず、ご教示いただけると幸いです。 よろしくお願いします。
回答: Babelをかませた後、Browserifyで依存関係解決しないとダメですよ。 BabelはES2015+のコードをES5相当までダウングレードするだけのツールで、 BrowserifyはrequireをJavaScript世界にでっち上げるだけのツールですからね。 > > gulpでBrowserifyを使ってjqueryやvue.jsをimportしたいです > > > gulpはプロジェクトルートに設置したgulpfile.jsを愚直に実行してるだけなので、 gulpfile.jsを公開しないと何もアドバイス出来ませんよ! gulpでやるなら下記のサイトを参考にしてください。 * gulp で browserify * Gulp から Browserify を実行する * React.js + Babel + Browserify + gulp の環境を作ってみた > > babelify は Browserify 用の Babel 変換ライブラリです。自分的には ES6 で書く予定はまだ無いのですが、JSX の変換もやってくれるみたいなので採用しました。 > > > そのものズバリなパッケージがありました。これ使えば楽勝ですね。