vue-cli 创建的项目还需要在 main.js 里引入 core-js 和 regenerator-runtime 吗?

2020-07-21 15:00:04 +08:00
 watanuki
在阅读别人项目代码时,发现他的项目好像不是用 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 ?
2979 次点击
所在节点    Vue.js
3 条回复
duan602728596
2020-07-21 19:42:45 +08:00
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 、当你想使用一些语法且插件默认没有配置时,自己加上就行了
lizz666
2020-07-22 08:21:32 +08:00
我对 babel 也不了解,不过楼主可以去研究下啊,研究会了不是很爽嘛,增加了技能点,嘿嘿
KuroNekoFan
2020-07-22 11:01:40 +08:00
不知道 vue-cli 有没有做什么额外的工作,单就 babel 来说,要不要 import 'corejs',跟你的 babel 配置有关
https://babeljs.io/docs/en/babel-preset-env#usebuiltins

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/691919

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX