Ecmascript6與browserify

Question

我有一個關於編譯JS（Ecmascript 6）與browserify的問題。 我讓我的package.json這樣的：

{ 
    "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開始，它有點混亂:)。

如果我想更喜歡webpack瀏覽器，package.json怎麼樣？

謝謝你的答案

Answer 1

，如果你想使一個可重複使用的模塊，第一個解決方案是相關的。就像有人將你的項目作爲依賴關係一樣，babelify將在運行時自動應用。

在第二種解決方案中，babelify僅在您構建項目時應用。