如何将Babel编译后产生import去掉，直接注入文件？

Question

问题描述

.js文件经过Babel编译产生文件的过程中，经过Polyfill，会产生
一些Import的语法，但是在低版本的浏览器，不支持Import,有什么方法可以直接注入Import的脚本代码？请大神指教。

相关代码

import _Promise from "@babel/runtime-corejs3/core-js-stable/promise";
import "core-js/modules/es6.regexp.to-string";
import "core-js/modules/es6.object.to-string";

var Gvideo =
/** @class */
function () {
  function Gvideo(id, videoOption, fn) {
  return Gvideo;
}();

你期待的结果是什么？

// 这里是polyfill Promise方法的脚本
// 这里是其他的辅助函数

var Gvideo =
/** @class */
function () {
  function Gvideo(id, videoOption, fn) {
  return Gvideo;
}();

Answer 1

你说的这个把多个模块文件合并到一起的，有个专门的名字叫 “Bundle”。

这就不是 babel 的活儿了，你需要的是 Browserify​、Webpack 一类的打包工具，跟 babel 配合使用。

Answer 2

可以配置babel输出ES5, import会被转成require导入语法