teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

gulpに関しての記述を併記

2018/02/22 01:04

投稿

miyabi-sun
miyabi-sun

スコア21473

answer CHANGED
@@ -1,3 +1,18 @@
1
1
  Babelをかませた後、Browserifyで依存関係解決しないとダメですよ。
2
2
  BabelはES2015+のコードをES5相当までダウングレードするだけのツールで、
3
- BrowserifyはrequireをJavaScript世界にでっち上げるだけのツールですからね。
3
+ BrowserifyはrequireをJavaScript世界にでっち上げるだけのツールですからね。
4
+
5
+ > gulpでBrowserifyを使ってjqueryやvue.jsをimportしたいです
6
+
7
+ gulpはプロジェクトルートに設置したgulpfile.jsを愚直に実行してるだけなので、
8
+ gulpfile.jsを公開しないと何もアドバイス出来ませんよ!
9
+
10
+ gulpでやるなら下記のサイトを参考にしてください。
11
+
12
+ - [gulp で browserify](http://tttttahiti.hatenablog.com/entry/2015/08/18/185325)
13
+ - [Gulp から Browserify を実行する](https://whiskers.nukos.kitchen/2016/09/26/gulp-browserify.html)
14
+ - [React.js + Babel + Browserify + gulp の環境を作ってみた](https://qiita.com/hkusu/items/e068bba0ae036b447754)
15
+
16
+ > [babelify](https://github.com/babel/babelify) は Browserify 用の Babel 変換ライブラリです。自分的には ES6 で書く予定はまだ無いのですが、JSX の変換もやってくれるみたいなので採用しました。
17
+
18
+ そのものズバリなパッケージがありました。これ使えば楽勝ですね。