我应该添加 Babel 以使用 Webpack 吗？

【问题标题】：Should I add Babel in order to use Webpack?我应该添加 Babel 以使用 Webpack 吗？
【发布时间】：2020-03-07 02:59:37
【问题描述】：

根据a post I’ve read： Babel 的 plugin-syntax-dynamic-import 对于能够使用延迟加载是必不可少的。否则webpack 不会编译这个语法const AppHome= () => import("@/components/AppHome"); 另外，当我使用vue-cli 启动一个新项目时，我看不到Webpack 选项。我只看到巴别塔。

如果我想在我的Vue 项目中使用Webpack，这是否意味着Babel 是强制性的？如果我想使用延迟加载和Webpack，还有其他选择吗？

【问题讨论】：

标签： vue.js webpack babeljs vue-cli-3

【解决方案1】：

我觉得我没看懂，如果你使用 vue-cli，你有内置的 webpack、babel、延迟加载组件和许多其他库。我检查了 vue-cli 2.5.2 作为第一个边缘代码，一切正常，它应该加载块。

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

// lazy load pages
const lazyLoad = view => () =>
  import ( /* webpackChunkName: "chunk-" */ `@/pages/${view}`);

export default new Router({
  mode: 'history',
  routes: [{
      path: '/',
      name: 'Home',
      component: lazyLoad('Home')
    },
    {
      path: '/form',
      name: 'Form',
      component: lazyLoad('Form')
    }
  ]
});

【讨论】：

当我使用 vue-cli 开始一个新项目时，我被询问是否要添加 Babel。这意味着（我猜）这不是强制性的。我不想使用它，因为我没有任何理由这样做（除了最新的 chrome，我不会支持任何浏览器），但我确实想使用 Webpack。所以我试着了解它是否对我有用。
没错，但是想想如果你想使用一些需要 babel 的库怎么办。您必须问自己是否需要它，只有您知道您的代码将是什么以及它将由什么组成。在后期添加 babel 并不容易，从来都不是。