使用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);
}();