vue-cli 创建的项目还需要在 main.js 里引入 core-js 和 regenerator-runtime 吗？
watanuki · 2020-07-21 15:00:04 +08:00 · 3157 次点击这是一个创建于 1584 天前的主题，其中的信息可能已经有所发展或是发生改变。
在阅读别人项目代码时，发现他的项目好像不是用 vue-cli 创建的，因为入口文件命名不是 main.js 而是 app.entry.js
我在 app.entry.js 里注意到了下面这两个没见过的引入：
import 'core-js/stable'
import 'regenerator-runtime/runtime'
搜索了一下，发现这两个好像都是 Babel 的依赖
以前我都是用 vue-cli 来创建项目，都没有考虑过 Babel 的配置问题，虽然这是使用脚手架方便的地方，但也是让我产生疑惑的地方：
1. 把上面的项目该用脚手架创建，还需不需在入口文件引入 'core-js/stable' 和 'regenerator-runtime/runtime' ？
2. 用最新的脚手架创建的项目，Bable 的默认预设都是 @vue/cli-plugin-babel/preset，这里面到底配置了什么？实现了哪些功能？
3. 是不是一般使用默认的 Bable 预设就足够了？或者说，在有什么特殊的需求时，需要修改 babel.config.js ？
我在 app.entry.js 里注意到了下面这两个没见过的引入：
import 'core-js/stable'
import 'regenerator-runtime/runtime'
搜索了一下，发现这两个好像都是 Babel 的依赖
以前我都是用 vue-cli 来创建项目，都没有考虑过 Babel 的配置问题，虽然这是使用脚手架方便的地方，但也是让我产生疑惑的地方：
1. 把上面的项目该用脚手架创建，还需不需在入口文件引入 'core-js/stable' 和 'regenerator-runtime/runtime' ？
2. 用最新的脚手架创建的项目，Bable 的默认预设都是 @vue/cli-plugin-babel/preset，这里面到底配置了什么？实现了哪些功能？
3. 是不是一般使用默认的 Bable 预设就足够了？或者说，在有什么特殊的需求时，需要修改 babel.config.js ？
 |
1
duan602728596 2020-07-21 19:42:45 +08:00  1
1 、不需要，配置 @babel/preset-env 和 @babel/plugin-transform-runtime 就可以自动按需加载 polyfill （包括 core-js 和 regenerator-runtime ）了
2 、插件配置应该是看 https://github.com/vuejs/vue-cli/tree/dev/packages/@vue/babel-preset-app#readme 这个 3 、当你想使用一些语法且插件默认没有配置时，自己加上就行了 |
 |
2
lizz666 2020-07-22 08:21:32 +08:00
我对 babel 也不了解，不过楼主可以去研究下啊，研究会了不是很爽嘛，增加了技能点，嘿嘿
|
 |
3
KuroNekoFan 2020-07-22 11:01:40 +08:00
不知道 vue-cli 有没有做什么额外的工作，单就 babel 来说，要不要 import 'corejs'，跟你的 babel 配置有关
https://babeljs.io/docs/en/babel-preset-env#usebuiltins |
Select Language