Webpack：意外的令牌导入

Question

我越来越

(function (exports, require, module, __filename, __dirname) { import 
HtmlWebpackPlugin from "html-webpack-plugin"
                                                          ^^^^^^

SyntaxError: Unexpected token import

package.json中的依赖项

网页包：^3.10.0

@babel/核心：^7.0.0-beta.38

@babel/plugin-syntax-dynamic-import：^7.0.0-beta.38

@babel/plugin-transform-runtime：^7.0.0-beta.38

@babel/preset-env：^7.0.0-beta.38

巴别塔装载机：^8.0.0-beta.0

我在.babelrc中的配置

{
  "presets": ["@babel/preset-env"],
  "plugins": [
    "@babel/plugin-syntax-dynamic-import",
    "@babel/plugin-transform-runtime"
  ]
}

我的webpack.config.babel.js配置

import HtmlWebpackPlugin from "html-webpack-plugin"

export default {
  // Our index file
  entry:  "./src/app/app.js",
  output: {
    path:     `${__dirname}/dist`,
    filename: "index_bundle.js",
  },

  module: {
    rules: [
      {
        test:    /\.js$/,
        exclude: /(node_modules)/,
        include: `${__dirname}/app`,
        use:     {
          loader:  "babel-loader",
        },
      },
    ],
  },

  plugins: [new HtmlWebpackPlugin()],
}

当我require使用"html-webpack-plugin", 并导出对象时 "module.exports"效果很好，但我试图在 ES6 中编写它。

如果有人可以指导/给我如何实现这一目标的提示，我将不胜感激。

非常感谢

Answer 1

这是一个问题@babel/plugin-transform-runtime。

我已经添加了@babel/register，现在一切正常。

链接到 SO 答案