watanuki
V2EX  ›  Vue.js

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

  •  
  •   watanuki · Jul 21, 2020 · 3819 views
    This topic created in 2120 days ago, the information mentioned may be changed or developed.
    在阅读别人项目代码时,发现他的项目好像不是用 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 replies    2020-07-22 11:01:40 +08:00
    duan602728596
        1
    duan602728596  
       Jul 21, 2020   ❤️ 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  
       Jul 22, 2020
    我对 babel 也不了解,不过楼主可以去研究下啊,研究会了不是很爽嘛,增加了技能点,嘿嘿
    KuroNekoFan
        3
    KuroNekoFan  
       Jul 22, 2020
    不知道 vue-cli 有没有做什么额外的工作,单就 babel 来说,要不要 import 'corejs',跟你的 babel 配置有关
    https://babeljs.io/docs/en/babel-preset-env#usebuiltins
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1072 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 18:42 · PVG 02:42 · LAX 11:42 · JFK 14:42
    ♥ Do have faith in what you're doing.