web-dev-qa-db-ja.com

WebpackがBabelなしでオプションのチェーンを受け入れるようにする方法

シナリオ:

  • 私たちは、Javascriptソースからバンドルを作成するためにwebpack 4を使用しています。
  • 単一のプラットフォーム(最新のChrome)のみを対象として作成しており、Chromeで直接利用できる機能のみを使用しているため、Babelを使用していません。 、したがって、積み替えは必要ありません。

これのプラス面は、小さいバンドルであり、開発中のターンアラウンド時間がはるかに高速です。

ステージ4オプションのチェーン機能 の使用を開始したいと思います Chromeフラグを使用して有効にすることができます

私はこれをグーグルしようとしました、そして私が見つけることができたすべては babelにこれのためのプラグインがあります です。

質問: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
5
connexo

@Klayconの回答に関連して、 Acorn 本日リリース 新しいバージョン オプションのチェーンをサポートします。 Webpackが彼らの側で変更を反映したらすぐに、webpackでオプションのチェーンを使用することはもはや問題ではなくなります。

2
user3378165