javascript - 将现有的遗留库转换为 es6 模块

Question

注意:这是以下内容的延续:Convert old JavaScript code into ES6 module
..解决了OPs问题但没有提供答案。

所有现代浏览器现在都包含 native es6 模块(除了我们希望很快登陆的 chrome)。问题是如何使用 native 支持将现有库转换为 es6 模块。

这适用于当前不使用转译(webpack、babel、system.js 等)供自己使用但依赖于遗留代码的项目。

是否有任何现有的工作流工具支持将旧库转换/包装为 es6 可导入？我真的很想避免使用 <script>页面 html 中的标签。

Answer 1

您可以使用Lebab将文件从 es5 批量转换为 es6。
勒巴布将您的 ES5 代码转换为 ES6/ES7。
它的作用与 Babel 完全相反。做。
该网站已损坏，但我找到了他们网站的源代码并从一个分支重新部署它，以便您可以在将其应用于潜在重要文件之前看到它的作用......
# DEMO
安装
使用 npm 安装它:

$ npm install -g lebab

用法
使用 lebab 转换您的老式代码cli工具，
启用特定的转换:

$ lebab es5.js -o es6.js --transform let

或者就地转换整个文件目录:

# .js files only
$ lebab --replace src/js/ --transform arrow
# For other file extensions, use explicit globbing
$ lebab --replace 'src/js/**/*.jsx' --transform arrow

我个人的工作流程如下

npm i lebab -g

安全的:

 lebab --replace ./ --transform arrow
 lebab --replace ./ --transform arrow-return
 lebab --replace ./ --transform for-of
 lebab --replace ./ --transform for-each
 lebab --replace ./ --transform arg-rest
 lebab --replace ./ --transform arg-spread
 lebab --replace ./ --transform obj-method
 lebab --replace ./ --transform obj-shorthand
 lebab --replace ./ --transform multi-var

全部:

lebab --replace ./ --transform obj-method
lebab --replace ./ --transform class
lebab --replace ./ --transform arrow
lebab --replace ./ --transform let
lebab --replace ./ --transform arg-spread
lebab --replace ./ --transform arg-rest
lebab --replace ./ --transform for-each
lebab --replace ./ --transform for-of
lebab --replace ./ --transform commonjs 
lebab --replace ./ --transform exponent
lebab --replace ./ --transform multi-var
lebab --replace ./ --transform template
lebab --replace ./ --transform default-param
lebab --replace ./ --transform  destruct-param 
lebab --replace ./ --transform includes
lebab --replace ./ --transform obj-method
lebab --replace ./ --transform class
lebab --replace ./ --transform arrow
lebab --replace ./ --transform arg-spread
lebab --replace ./ --transform arg-rest
lebab --replace ./ --transform for-each
lebab --replace ./ --transform for-of
lebab --replace ./ --transform commonjs 
lebab --replace ./ --transform exponent
lebab --replace ./ --transform multi-var
lebab --replace ./ --transform template
lebab --replace ./ --transform default-param
lebab --replace ./ --transform  destruct-param 
lebab --replace ./ --transform includes

或者，我使用 vscode es5 到 es6 转换器插件...