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:请注意，webpack 不会更改除导入和导出语句之外的任何代码。如果您正在使用其他 ES2015 功能，请确保通过 webpack 的加载器系统使用 Babel 或 Bublé 等转译器。