Javascript 网页包静态字段

为什么webpack不支持静态字段

当我尝试

export class Game {
#lasttime = 0;
#FRAME_DURATION = 1000 / 144;

我犯了一个错误

模块分析失败：意外字符“#”（2:4） 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。看见 有什么问题

const path = require('path');
const HTMLPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'js/main.js',
    path: path.resolve(__dirname, 'dist'),
  },
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist',
  },
  plugins: [
    new HTMLPlugin({
      template: './src/index.html'
    })
  ],
};

:

请注意，webpack不会更改除导入和导出语句之外的任何代码。如果您正在使用其他ES2015功能，请确保通过webpack的加载器系统使用诸如Babel或Bublé等transpiler

---

您需要自己配置babel loader，请参见

我有裸代码。除了webpack之外，唯一的插件是htmlplugin。据我所知，我不明白为什么没有babel，webpack会使用acorn来解析引擎盖下的源代码，而静态类字段需要解析webpack中未启用的源代码。