Webpack 静态字段

Question

为什么 webpack 不支持静态字段？

当我尝试时

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

我收到一个错误

模块解析失败：意外字符 '#' (2:4) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。见https://webpack.js.org/concepts#loaders。 有什么问题？

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'
    })
  ],
};

Answer 1

https://webpack.js.org/guides/getting-started/#modules:

请注意，除了 import 和 export 语句之外，webpack 不会更改任何代码。如果你正在使用其他 ES2015 功能，请确保通过 webpack 的加载器系统使用转译器，例如 Babel 或 Bublé。

需要自己配置babel-loader，见https://webpack.js.org/loaders/babel-loader/#root