2017-03-27 6 views
0

私はbrowserifyでコンパイルされたJS(Ecmascript 6)について少し質問があります。 私はこのように私のpackage.jsonを行いますEcmascript6 with browserify

{ 
    "name": "myApp", 
    "main": "app.js", 
    "scripts": { 
     "build-map": "browserify -e app.js -o ./public/js/bundle.js", 
     "start": "node app.js" 
    }, 
    "devDependencies": { 
     "babel-core": "^6.3.0", 
     "babel-loader": "^6.0.0", 
     "babel-plugin-transform-runtime": "^6.8.0", 
     "babel-preset-es2015": "^6.0.0", 
     "babel-runtime": "^5.8.0", 
     "babelify": "^7.2.0", 
     "browserify": "^13.0.0" 
    }, 
    "browserify": { 
    "transform": [ 
     [ 
     "babelify", 
     { 
      "presets": [ 
      "es2015" 
      ] 
     } 
     ] 
    ] 
    } 
} 

しかし、私はこの例を見てきました:

{ 
     "name": "test-browserify", 
     "version": "1.0.0", 
     "scripts": { 
     "build": "browserify main.js --transform [ babelify --plugins [ transform-es2015-modules-commonjs ] ] | uglifyjs -c -m > bundle.js" 
     }, 
     "devDependencies": { 
     "babel-plugin-transform-es2015-modules-commonjs": "^6.22.0", 
     "babelify": "^7.3.0", 
     "browserify": "^14.0.0", 
     "uglify-js": "^2.7.5" 
     } 
} 

これは同じものですか違い-ありますか?私はNodeJSで始まり、ちょっと混乱します:)。

browserpackifyするにはwebpackが好きですが、package.jsonはどうですか?

は、再利用可能なモジュールを作成したい場合は最初のソリューションが関連している、あなたの答えを

答えて

0

、ありがとうございました。プロジェクトを依存関係に置くかのように、実行時に自動的にbabelifyが適用されます。

2番目の解決策では、プロジェクトをビルドするときにのみ、babelifyが適用されます。