webpack+vuejs搭建问题记录关于ES6在vue中使用ES6已经变得非常流行，尤其是模块的使用，给我们带来极大的便利。由于现在浏览器对ES6的支持还不完整，所以在node开发的过程中必须使用相

webpack+vuejs搭建问题记录

---

关于ES6

在vue中使用ES6已经变得非常流行，尤其是模块的使用，给我们带来极大的便利。由于现在浏览器对ES6的支持还不完整，所以在node开发的过程中必须使用相应的插件对ES6的语法进行编译，转化成浏览器能够理解的js规范语言
在搭建的过程中，最多的问题webpack中就是ES模块无法正常使用。系统提示无法找到babel模块。
说到解决这个问题，必须先了解一下babel5和babel6，以此避免网上的教程带来的坑。网上的一些教程是基于babel5的，但是babel6和bebal5的用法有一些不同。所以就可能出现我的这种情况。在babel6中不在提供babel包，所以在在webpack中这样配置module是可能就无法加载：
loders: [ test://.vue$/, loader: 'babel', exclude: /node_modules/ ]
关于配置模块有没有，我们可以在配置的node_modules中找到列表。这个文件夹是自己定义的，在配置文件中写清楚就可以。关于其中的不同参照这篇文章：在node中使用babel

坑

当我把babel都配好之后，在我的webpack配置文件中尝试babel/bable-core系统都会返回一个错误：

babel/index,js/didn' return a function

后来谷歌了一下，才发现babel是一种简写我本身没有安装babal-loader所以会出现一些问题。果断安装babel-loader

<p>本文会持续更新，最近一个更新时间：2016/7/24</p>