@ babel / plugin-transform-runtime我不能在编译文件中单独使用导入吗?

时间:2019-06-04 07:53:06

标签: javascript

@ babel / plugin-transform-runtime我不能在编译文件中单独使用导入吗?

场景

使用babel-cli来编译传统前端中的js文件。但是,在介绍了@babel/plugin-transform-runtime插件之后,我发现编译后的js文件在顶部使用import来介绍helpers。该功能的问题在于我们这一代人不可能使用模块化,那么解决方案是什么?

Babel配置

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "modules": false
      }
    ]
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-transform-runtime"
  ]
}

源代码

/**
 * Public JavaScript snippet
 * @author rxliuli
 */
const global = new class Global {
}()

已编译的代码

import _classCallCheck from "@babel/runtime/helpers/classCallCheck";

/**
 * Public JavaScript snippet
 * @author rxliuli
 */
var global = new function Global() {
  _classCallCheck(this, Global);
}();

我不想在源文件中使用import函数,但是我想使用公共html头文件中的脚本来介绍帮助程序使用的函数。有什么解决办法吗?

理想效果

在全球范围内介绍js文件

<!doctype html>
<html
  lang="zh-CN"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:th="http://www.thymeleaf.org"
>
<body>
    <!--Global introduction of help function js file-->
    <script src="/static/js/lib/babel/babel-runtime.min.js"></script>
</body>
</html>

已编译的代码

/**
 * Public JavaScript snippet
 * @author rxliuli
 */
var global = new function Global() {
  _classCallCheck(this, Global);
}();

0 个答案:

没有答案