Webpack +babel-loader遇到冒号内容时编译出错

Question

通过npm install babel-loader babel-core babel-preset-es2015 --save-dev安装了babel-loader
webpack配置：{
test: /.js$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['es2015']
},
},
但在解析代码时总出错。
代码：
class Animal {
name:string;
constructor(theName: string) { this.name = theName; }
move(distanceInMeters: number = 0) {
console.log(${this.name} moved ${distanceInMeters}m.);
}
}

class Snake extends Animal {
constructor(name: string) { super(name); }
move(distanceInMeters = 5) {
console.log("Slithering...");
super.move(distanceInMeters);
}
}
错误定位为第二行，name:string.
当把此行去掉可以正确编译。
貌似不能解析冒号，大家有遇到这种情况吗????????

Answer 1

test: /.js$/, 改成test: /.js?$/,