使用 Vue.js 能不用 babel 吗？

[Cbdy]

我听说 Vue.js 能配合 webpack 的 vue-loader 可以模块化地写前端页面，于是想尝试一下，我不是很熟悉 webpack ，所以我从最小化依赖开始，我新建了一个 package.json ，然后加入以下三个依赖

"css-loader": "^0.25.0",
"style-loader": "^0.13.1",
"vue-loader": "^9.7.0",

照着webpackbin.com/vue的上给的代码试了一下，结果报错了。

我想问一下搞这个东西一定加 babel 转代码吗？

[SilentDepth]

不用啊，浏览器支持 ES6 就行了。 Babel 就是为了 ES6 to ES5

[SourceMan]

$ npm install -g vue-cli
$ vue init webpack-simple my-project
$ cd my-project
$ npm install
$ npm run dev

最简单的手脚架

[murmur]

可以啊 欢迎使用 vue1

[Cbdy]

@murmur 你的意思是 vue.js2 要用 webpack 的话必须要使用 babel 转码吗？请问哪里有相关文档？蟹蟹

[murmur]

@murmur 我的意思是 vue1 基于 get/set 方法已经没有性能问题了，即便是有了 vue2 ， vue1 依然很成熟、优秀

[Cbdy]

@SourceMan 我试过了，只要使用了 webpack ，脚手架生成的 vue.js2 项目都使用了 babel 转码

[SourceMan]

@Cbdy 你要理解了，再用工具，不能为了用而用
babel 是为了转换 ES6 到 ES5 ， 那么我们用 ES5/转换过的 Vue 不就行了
你有了解决问题的思路，你就可以根据这个思路去找解决的办法，亲自去实践
找 github 的 dist 看看： https://github.com/vuejs/vue/tree/dev/dist
有的话，直接 require('vue/dist/vue.common') 就解决问题了

主要还是，你自己想得太少了

[SourceMan]

@Cbdy 而且 npm install 下来的 vue 并不需要 babel 转换，直接是可以用的了
webpack-simple 依赖了 vue-loader 和 babel 是因为用来处理 .vue 文件和用 ES6 写的 .js 文件
你全部用 ES5 写 JS ，就完全不用依赖 vue-loader 和 babel 了

[Cbdy]

@SourceMan 谢谢你，我吃完饭又研究了一下，找到了症结所在，原来除了默认的 vue-loader ，还需要一个 vue-template-compiler 。

[v1024]

可以，建议使用 vue-cli 创建模版项目，看下里面怎么做

[TerranC]

你不写 es6 ，就不必啊

[xcodebuild]

能啊 你就是不想用 webpack 都可以