我正在尝试使用fixed-data-table的示例,并将其与webpack捆绑在一起。
我正在使用babel-loader和我的代码,否则捆绑没有问题。
运行test
指向一个错误,据我所知,这是ES6语法的一部分(不是ES5)... webpack
,例如:
...
render() {
var {sortDir, children, ...props} = this.props;
具体。
这是我的webpack配置:
...props
我正在使用es2015并作为预设反应并加载babel-loader。当它应该理解并处理ES6语法时,怎么会抛出语法错误?
这是我的Package.json。我是否需要升级某些版本?
"use strict";
var webpack = require("webpack");
module.exports = {
entry: {
app: './app.js',
vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap", "vis", "chart.js"],
},
output: { path: "./", filename: 'bundle.js' },
plugins: [
new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js"),
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],
module: {
loaders: [
{
test: /.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react']
}
}
]
},
};
答案 0 :(得分:6)
我需要将babel预设向后兼容ES7。
解决方案:
npm install babel-preset-stage-0 --save-dev
然后在上面的webpack配置中添加预设:
presets: ['es2015', 'react', 'stage-0']