javascript - 如何使Webpack接受可选的链接而无需babel

场景:

  • 我们正在使用webpack 4从我们的Javascript源创建一个包。
  • 我们使用Babel是而不是,因为我们仅针对单个平台(最新的Chrome)进行创作,并且仅使用Chrome中直接可用的功能,因此无需进行转译。

  • 好的一面是较小的包装,并且在开发时周转时间更快。

    现在我们要开始使用 stage 4optional chaining feature

    我试图用谷歌搜索它,而我只能找到 can be enabled in Chrome using a flag

    问题:有什么方法可以使webpack在忽略babel的同时接受此语法?

    以下是webpack当前报告的内容:
    ERROR in ./src/js/components/custom-select.js 245:12
    Module parse failed: Unexpected token (245:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    |      */
    |     focus() {
    >         this.input?.focus();
    |         return this;
    |     }
     @ ./src/js/components/components.js 16:0-49 16:0-49
    

    最佳答案

    关于@Klaycon的答案,Acorn今天发布了一个支持可选链接的new version
    一旦Webpack反射(reflect)了他们的改变,将可选链接与webpack一起使用就不再是问题。