使用vue-cli,webpack打包报错：Uncaught SyntaxError: Unexpected token <

今天在用vue-cli搭建项目的时候使用webpack打包后出现了这个错误。网上搜了发现之所以有这个错误是因为js中用了es6语法，在编译时没有转译成es5语法。看了下bundle.js文件，果然没有将es6转为es5！但是vue-cli下载下来的webpack那个模板已经集成了babel，相关设置在.babelrc这个文件里,不会是没有相关的包啊·。然后就想到webpack官网说要安装LTS版本的node，改为这个版本后也是没起什么作用。后来发现是需要在webpack.config.js里配置loader，这里vue-cli是不会帮忙配置的。相关的博文有一篇。

配置了babel-loader之后就编译成功了。