我在我的React应用程序中无意间使用了Array.prototype.flat
,导致向后兼容性问题。我非常惊讶这没有通过转译解决 - 我以为这会导致es2015兼容的代码。
如何让Babel 7进行转译?(如果我对Babel 6的源代码阅读正确,那么在Babel 6中仍然有一个插件可以用于此,但自从这已经开始向浏览器推出支持之后,支持已经被删除了?)
工具:
- @babel/core@7.0.0
- webpack@4.18.0
我的顶级配置文件看起来像这样:
webpack.config.js
var path = require('path')
module.exports = {
entry: "./src/index.js",
output: {
path: path.join(__dirname, 'dist', 'assets'),
filename: "bundle.js",
sourceMapFilename: "bundle.map"
},
devtool: '#source-map',
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
loader: 'babel-loader'
}
]
}}
.babelrc
{
"presets": [ "@babel/preset-env", "@babel/react" ],
"plugins": [["@babel/plugin-proposal-pipeline-operator", { "proposal": "minimal" }]]
}
.browserslistrcchrome 58
ie 11
import babel-polyfill
,但我仍然从 IE11 中收到关于Object does not support property or method 'flat'
的错误。 - Colin D