网页包：意外的令牌导入

Question

我要走了

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

SyntaxError: Unexpected token import

package.json中的依赖项

网页包：^3.10.0

@Babel/core：^7.0.0-beta.38

插件语法动态导入

@巴别塔/插件转换运行时：^7.0.0-beta.38

@巴别塔/预设环境：^7.0.0-beta.38

Babel-loader：^8.0.0-beta.0

我在.babelrc中的配置

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

My 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()],
}

当我需要“html网页包插件”，并使用“module.exports”导出对象时，它工作正常，但我正在尝试在ES6中编写此代码。

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

非常感谢




Answer 1

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

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

链接到SO答案