如何从 Vue 构建链中抛弃 Babel？

Question

我正在为 Chrome 开发一个 Vue 应用程序，这让我相信（如果错误，请纠正我）我可以编写原生 ES6 并且不需要转译。

Vue CLI 生成一个 package.json 如下：

  "devDependencies": {
    "babel-core": "^6.0.0",
    "babel-preset-es2015": "^6.0.0",
    "babelify": "^7.2.0",
    "browserify": "^13.0.1",
    "browserify-hmr": "^0.3.1",
    "cross-env": "^1.0.6",
    "envify": "^3.4.1",
    "http-server": "^0.9.0",
    "npm-run-all": "^2.1.2",
    "uglify-js": "^2.5.0",
    "vueify": "^9.1.0",
    "watchify": "^3.4.0"
  },
  "browserify": {
    "transform": [
      "vueify",
      "babelify"
    ]
  }

但是如果我删除了对 Babel 的 4 个引用，我的第一个文件就会出现编译错误。所以我真的只有两个问题：

1) 我认为我可以放弃 Babel 是否正确？
2）我该怎么做？

Answer 1

我认为没有就browserify无法处理。通常，您可以使用gulp之类的东西来进行转译，而不进行转译，因为其目的是允许在浏览器中使用，但如果浏览器支持，那么您实际上并不需要它。不幸的是，这意味着你将无法使用，因此你失去了使用 的能力，所以我想这取决于你是否认为这是可以接受的。ES6 importsBabeluglifyminifybrowserifyrequireimportvueifysingle file componentstrade-off

您可能对 GitHub 上的讨论感兴趣：https ://github.com/substack/node-browserify/issues/1186