【文件属性】：
文件名称：babel-note：babel的一些例子
文件大小：686KB
文件格式：ZIP
更新时间：2024-02-20 21:04:05
babel webpack es6 babel-loader babel-polyfill
《 》的实验室
本项目用于测试Babel各种配置的运行结果，同时结合webpack测试一下输出的结果，下面就几个总结一下：
使用babel-polyfill
往往全局引入一次babel-polyfill ，就可以放心的使用类似于Promise ， Array.find或者是[].find()之类的全局对象及其扩展方法，同时，避免一些老的浏览器不支持Promise等对象所带来的麻烦，不过也有2点需要注意：
babel-polyfill文件很大，尤其是在移动端做性能优化时，需要权衡一下；
babel-polyfill是替换，如果你做了很多重置的工作，可能会导致一些代码冗余或冲突；
使用Babel运行时VS不使用Babel运行时
本实验主要是测试一下如果在.babelrc文件中配置了"plugins": ["transform-runtime"]与不配置的区别，顺便替换以下方案：
问：配置了"plugins": ["transform-runtime"]后，需不需要在每个文件中手动约会对应的helper core-js/* ？
例如，我需要Promise ，那么还需不需要在目标文件中加入
【文件预览】：
babel-note-master
----.gitignore(3KB)
----.babelrc(69B)
----use-babel-runtime()
--------use-import.js(356B)
--------.babelrc(113B)
--------dist()
--------module-A.js(871B)
--------not-import.js(303B)
--------module-B.js(186B)
----without-babel-runtime()
--------use-import.js(356B)
--------.babelrc(103B)
--------dist()
--------module-A.js(177B)
--------module-B.js(186B)
----images()
--------use-babel-polyfill.webpack.exclude.png(115KB)
--------without-babel-runtime.webpack.png(135KB)
--------use-babel-runtime.webpack.png(248KB)
--------use-babel-polyfill.webpack.png(131KB)
----.eslintrc(698B)
----package.json(3KB)
----use-promise-polyfill()
--------.babelrc(69B)
--------dist.js(464B)
--------src.js(260B)
--------dist.bundle.js(20KB)
----webpack.config.babel.js(249B)
----LICENSE(1KB)
----modules-diff()
--------b.js(103B)
--------dist()
--------use-webpack()
--------a.js(83B)
--------use-babel()
----README.md(5KB)
----use-babel-polyfill()
--------.babelrc(69B)
--------dist.js(257B)
--------src.js(245B)
--------dist.bundle.js(222KB)
----.eslintignore(31B)
----use-babel-runtime-with-other-polyfill()
--------.babelrc(182B)
--------dist.js(751B)
--------src.js(367B)
--------dist.bundle.js(63KB)
----.editorconfig(147B)