Question

我使用Three.js作为模块，使用Babel转换代码，并使用WebPack打包。问题在于，即使所有其他代码都已正确转译，Three.js模块也没有，并且仍然包含ES6语法。这会导致IE11中的问题。

.babelrc

{
    "presets": [
        [
        "@babel/preset-env" , {
        "targets": {
            "ie": "11"
        }
    }]
    ],
    "plugins": [
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-transform-classes"
    ]
}

webpack.config

 module: {
    rules: [
      {
        test: /\.js$/,
        //exclude: /node_modules/,
        loaders: ['babel-loader']
      },
...

在这里我注释掉排除了node_module文件夹，但即使这样问题仍然存在

任何想法都出了什么问题，我该如何转换Threejs模块？非常感谢

Answer 1

这对我有用：

在webpack配置中，如下设置exclude属性：
exclude: /node_modules\/(?!(three)\/).*/,。

这迫使巴别尔无论如何都可以转移3个。
参考：stackoverflow

欢呼

Babel不会翻译ThreeJS模块

1 个答案: