バンドルはbrowserifyで外部ファイルに反応します

Question

この質問はいくつかの異なる方法で答えられていますが、動作させることはできません。私が作ったバンドルは、内部に反応してvendor.jsの中にコピーされていることを除いて、動作するようです。

var gulp = require('gulp'); 
var source = require('vinyl-source-stream'); 
var browserify = require('browserify'); 



gulp.task('default', function() { 

    // app 
    var appBundler = browserify({ 
     entries: ['./client/main.js'], 
    transform: [['babelify', {"presets": ['es2015', 'react']}]] 
    }) 

    appBundler.external('react') 

    appBundler.bundle() 
    .pipe(source('bundle.js')) 
    .pipe(gulp.dest('./public')) 

    // vendors 
    browserify({ 
     debug: true, 
     require: ['react'] 
    }).bundle() 
    .pipe(source('vendors.js')) 
    .pipe(gulp.dest('./public')) 

}); 

Answer 1

あなたがそれを使用している場合は反応することなく反応することはできません。結局のところ私の問題は、また、輸入なかった私の外観に

appBundler.external(['react', 'react-dom']) 

私の超簡単なハロー世界の例を反応させ、DOMを追加することにより、固定された「反応-DOMを。」 ：\

ありがとうございました！これらの質問は、バージョンとインポートを少し深く掘り下げて私の答えに導いてくれました:)