带有 browserify 的 Ecmascript6答案

【问题标题】：Ecmascript6 with browserify带有 browserify 的 Ecmascript6
【发布时间】：2023-03-26 13:56:02
【问题描述】：

我对使用 browserify 编译的 JS (Ecmascript 6) 有一点疑问。我让我的 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 而不是 browserify，package.json 会是怎样的？

感谢您的回答

【问题讨论】：

标签： babeljs browserify package.json

【解决方案1】：

如果你想制作一个可重用的模块，第一个解决方案是相关的。好像有人把你的项目作为一个依赖，babelify 会在运行时自动应用。

在第二种解决方案中，babelify 将仅在您构建项目时应用。

【讨论】：