V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Cbdy
V2EX  ›  问与答

使用 Vue.js 能不用 babel 吗?

  •  
  •   Cbdy · 2016-12-08 16:18:00 +08:00 · 3573 次点击
    这是一个创建于 2898 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我听说 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 转代码吗?

    12 条回复    2016-12-09 11:45:44 +08:00
    SilentDepth
        1
    SilentDepth  
       2016-12-08 17:01:34 +08:00
    不用啊,浏览器支持 ES6 就行了。 Babel 就是为了 ES6 to ES5
    SourceMan
        2
    SourceMan  
       2016-12-08 17:03:02 +08:00   ❤️ 1
    $ npm install -g vue-cli
    $ vue init webpack-simple my-project
    $ cd my-project
    $ npm install
    $ npm run dev

    最简单的手脚架
    murmur
        3
    murmur  
       2016-12-08 17:03:30 +08:00   ❤️ 1
    可以啊 欢迎使用 vue1
    Cbdy
        4
    Cbdy  
    OP
       2016-12-08 17:08:36 +08:00 via Android
    @murmur 你的意思是 vue.js2 要用 webpack 的话必须要使用 babel 转码吗?请问哪里有相关文档?蟹蟹
    murmur
        5
    murmur  
       2016-12-08 17:09:38 +08:00
    @murmur 我的意思是 vue1 基于 get/set 方法已经没有性能问题了,即便是有了 vue2 , vue1 依然很成熟、优秀
    Cbdy
        6
    Cbdy  
    OP
       2016-12-08 17:09:55 +08:00 via Android
    @SourceMan 我试过了,只要使用了 webpack ,脚手架生成的 vue.js2 项目都使用了 babel 转码
    SourceMan
        7
    SourceMan  
       2016-12-08 17:15:02 +08:00
    @Cbdy 你要理解了,再用工具,不能为了用而用
    babel 是为了转换 ES6 到 ES5 , 那么我们用 ES5/转换过的 Vue 不就行了
    你有了解决问题的思路,你就可以根据这个思路去找解决的办法,亲自去实践
    找 github 的 dist 看看: https://github.com/vuejs/vue/tree/dev/dist
    有的话,直接 require('vue/dist/vue.common') 就解决问题了

    主要还是,你自己想得太少了
    SourceMan
        8
    SourceMan  
       2016-12-08 17:22:05 +08:00


    @Cbdy 而且 npm install 下来的 vue 并不需要 babel 转换,直接是可以用的了
    webpack-simple 依赖了 vue-loader 和 babel 是因为用来处理 .vue 文件和用 ES6 写的 .js 文件
    你全部用 ES5 写 JS ,就完全不用依赖 vue-loader 和 babel 了
    Cbdy
        9
    Cbdy  
    OP
       2016-12-08 18:00:21 +08:00
    @SourceMan 谢谢你,我吃完饭又研究了一下,找到了症结所在,原来除了默认的 vue-loader ,还需要一个 vue-template-compiler 。
    v1024
        10
    v1024  
       2016-12-08 19:36:00 +08:00 via iPhone
    可以,建议使用 vue-cli 创建模版项目,看下里面怎么做
    TerranC
        11
    TerranC  
       2016-12-09 01:33:36 +08:00
    你不写 es6 ,就不必啊
    xcodebuild
        12
    xcodebuild  
       2016-12-09 11:45:44 +08:00
    能啊 你就是不想用 webpack 都可以
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5712 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:34 · PVG 11:34 · LAX 19:34 · JFK 22:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.