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）我是否认为我可以抛弃巴贝尔？ 2）我该怎么做？

Answer 1

我不认为browserify可以在没有ES6 imports的情况下处理Babel。通常，您可以在不进行转换的情况下使用gulp到uglify和minify之类的内容，因为browserify旨在允许require用于import浏览器，但如果浏览器支持vueify，那么你真的不需要它。不幸的是，这意味着您将无法使用single file components，因此您将无法使用trade-off，因此我想您是否认为app.start().then(function(){ app.client.windowByIndex(1); });是可接受的。

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

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

1 个答案: