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仅在您构建项目时应用。