gulp-browserify出力が異なる必要があります

Question

私は、browserifyでgulpを使用して、いくつかのjsライブラリを連結、ベイブライジング、およびブラウジングしています。これは私のgulpfile.jsである：

gulp.task('scripts', function() { 
    var b = browserify({ 
    entries: ['src/scripts/modernizr.js', 'src/scripts/main.js'], 
    debug: true 
    }).transform(babelify, { presets: ["latest"] }); 

    return b.bundle() 
    .pipe(source('main.js')) 
    .pipe(buffer()) 
    .pipe(sourcemaps.init({loadMaps: true})) 
     // Add transformation tasks to the pipeline here. 
     // .pipe(uglify()) 
     .on('error', gutil.log) 
    .pipe(sourcemaps.write('./')) 
    .pipe(gulp.dest('build/js/')); 
}); 

そして、私のpackage.json：しかし

var $ = window.jquery; 
import tinymce from 'tinymce/tinymce'; 
import 'tinymce/themes/modern/theme'; 
// import spica from 'spica'; 
// import localsocket from 'localsocket'; 
var spica = require('spica'); 
var localsocket = require('localsocket'); 
import Pjax from 'pjax-api'; 

：私のmain.jsで

"browserify": { 
    "transform": [ 
    [ 
     "babelify", 
     { 
     "presets": [ 
      "es2015" 
     ] 
     } 
    ] 
    ] 
} 

これは私がライブラリを含む午前方法ですコンソールで次のエラーが表示されます。

pjax-api.js:8Uncaught Error: Cannot find module 'spica' 
    at s (http://localhost:8000/static/articles/build/js/main.js:1:148) 
    at http://localhost:8000/static/articles/build/js/main.js:1:305 
    at s (http://localhost:8000/static/articles/build/js/main.js:12699:28) 
    at http://localhost:8000/static/articles/build/js/main.js:12708:24 
    at Object.r.42.../../../lib/dom (http://localhost:8000/static/articles/build/js/main.js:14446:27) 
    at s (http://localhost:8000/static/articles/build/js/main.js:12706:21) 
    at http://localhost:8000/static/articles/build/js/main.js:12708:24 
    at Object.r.41../gui (http://localhost:8000/static/articles/build/js/main.js:14429:25) 
    at s (http://localhost:8000/static/articles/build/js/main.js:12706:21) 
    at http://localhost:8000/static/articles/build/js/main.js:12708:24 
    at Object.r.4../layer/interface/service/api (http://localhost:8000/static/articles/build/js/main.js:12738:25) 
    at s (http://localhost:8000/static/articles/build/js/main.js:12706:21) 
    at http://localhost:8000/static/articles/build/js/main.js:12708:24 
    at Object.r.pjax-api../src/export (http://localhost:8000/static/articles/build/js/main.js:15017:22) 
    at s (http://localhost:8000/static/articles/build/js/main.js:12706:21) 
    at e (http://localhost:8000/static/articles/build/js/main.js:12715:9) 
    at Object.3 (http://localhost:8000/static/articles/build/js/main.js:12717:2) 
    at s (http://localhost:8000/static/articles/build/js/main.js:1:254) 
    at http://localhost:8000/static/articles/build/js/main.js:1:305 
    at Object.8.jquery (http://localhost:8000/static/articles/build/js/main.js:67062:16) 
    at s (http://localhost:8000/static/articles/build/js/main.js:1:254) 
    at e (http://localhost:8000/static/articles/build/js/main.js:1:425) 
    at http://localhost:8000/static/articles/build/js/main.js:1:443 

これは私のディレクトリ構造です：

articles 
    |--gulpfile.js 
    |--package_json 
    |--build 
    | |--img 
    | |--css 
    | |--js 
    | | |--main.js 
    |--src 
    | |--img 
    | |--styles 
    | |--scripts 
    | | |--main.js 
    |--node_modules 
    | |--spica 
    | |--localsocket 
    | |--pjax-api 
    | |--etc. 

何が問題になりますか？

main.jsのフル出力は貼り付けるには大きすぎますが、here it is in a gistです。ここにはrest of my code in another gistがあります。

Answer 1

spicaパッケージがインストールされていますか？ない場合は、これを試してみてください。

npm install --save-dev spica 

Answer 2

あなたの「スピカ」はmain.jsは、その罰金または他の

存在する同じディレクトリに存在している場合は、このような

を指定する必要があります var spica = require（dir_path/spica.js）

私はあなたに正確な構文を提供できるようにディレクトリ構造を共有しています。