Como faço para que os decoradores trabalhem com o babel & webpack?
Eu tenho a seguinte configuração:
{
"babel-core": "~5.8.25",
"babel-eslint": "^4.1.3",
"babel-loader": "~5.3.2",
"babel-polyfill": "^6.2.0",
"eslint": "^1.7.3",
"eslint-config-airbnb": "^0.1.0",
"eslint-loader": "~1.1.0",
"eslint-plugin-angular": "~0.12.0",
// ...
}
webpack:
module: {
preLoaders: [{ test: /\.js$/, exclude: /node_modules/, loader: 'eslint-loader'}],
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loaders: ['ng-annotate', 'babel-loader?plugins[]=transform-decorators-legacy'],
}
]
}
Mas eu recebo o seguinte erro:
TypeError: The plugin "transform-decorators-legacy" didn't export a Plugin instance
Alguém sabe o que estou fazendo de errado aqui?
ATUALIZAR
Desde então, atualizei para o Babel 6 e agora tenho a seguinte configuração:
{
"babel-core": "^6.0.0",
"babel-eslint": "^4.1.3",
"babel-loader": "^6.0.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-polyfill": "^6.2.0",
"babel-preset-es2015": "^6.0.0",
"babel-preset-stage-0": "^6.5.0",
"eslint": "^1.10.0",
"eslint-config-airbnb": "^4.0.0",
"eslint-loader": "^1.2.0",
"eslint-plugin-angular": "^0.15.0",
// ...
}
e:
module: {
preLoaders: [{ test: /\.js$/, exclude: /node_modules/, loader: 'eslint-loader'}],
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loaders: ['ng-annotate', 'babel?presets[]=es2015&presets[]=stage-0&plugins[]=transform-decorators-legacy'],
}
]
},
Mas pegueParsing error: Unexpected token ILLEGAL
referindo-se ao decorador.