Babel不能在*.mjs文件中转译`class`

Question

给定的

import test from './test.js';
import test2 from './test.mjs';

和test.js和test.mjs都包含

class A {
    test() {
        console.log('from mjs'); // or console.log('from js');
    }
}
export default A;

巴别塔转译

  [...];

  (0, _createClass2.default)(A, [{
    key: "test",
    value: function test() {
      console.log('from js');
    }
  }]);

  [...]

  class A {
    test() {
        console.log('from mjs');
    }
  }

  [...]

我应该如何配置babel来完全像对待*.js文件一样对待*.mjs文件。我需要它们是*.mjs文件，这样我就可以在node中运行它而不需要转译。

我目前显式添加的插件有

'@babel/plugin-proposal-class-properties', '@babel/plugin-transform-runtime', '@babel/plugin-transform-classes'

Answer 1

您需要在您的Webpack配置中添加*.mjs扩展：

  module: {
    rules: [
      {
        test: /\.m?js$/,
        use: {
          loader: 'babel-loader',
          options: {
            // ...