V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
watanuki
V2EX  ›  Vue.js

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

  •  
  •   watanuki · 2020-07-21 15:00:04 +08:00 · 2927 次点击
    这是一个创建于 1346 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在阅读别人项目代码时,发现他的项目好像不是用 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 ?
    3 条回复    2020-07-22 11:01:40 +08:00
    duan602728596
        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 、当你想使用一些语法且插件默认没有配置时,自己加上就行了
    lizz666
        2
    lizz666  
       2020-07-22 08:21:32 +08:00
    我对 babel 也不了解,不过楼主可以去研究下啊,研究会了不是很爽嘛,增加了技能点,嘿嘿
    KuroNekoFan
        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
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2959 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:07 · PVG 23:07 · LAX 08:07 · JFK 11:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.