1

webpackでES6構文を用いたJavascriptのコードを処理するためにbabel-loaderを利用しています。

Github babel-loaderにあるREADME.mdの通りに設定し、問題なく動いていることを確認できていますが、下記の設定のうち、excludeを指定する必要が何故あるのかがわかりません。

module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['env']
        }
      }
    }
  ]
}

感覚的には、node_module内に置かれているJavascriptのコードもJavascriptで書かれているのだから、excludeを指定しなくても問題がないように思うのですが、この設定がないと正常に動作しないのは、何故なのでしょうか。

1 件の回答 1

1

結論から言いますと、トランスパイルするサードパーティのpolyfillやモジュールよっては実行時にエラーになる可能性のあるものがあるからです。

こちらのQiitaの記事が参考になります
webpackでbabel際はnode_modulesをexcludeし忘れるべからず

また、同じ作者の方がexcludeを忘れた際にエラーがでるケースを再現したアプリケーションを公開してくれています。詳しく知りたければこちらも参考になるかと思われます。
https://github.com/haribote/do-not-miss-excluding-node-modules

1
  • 1
    手元で実際に動かしてみました。 大変わかりやすく丁寧にありがとうございました。 レスが遅れて申し訳ありません。
    – tama
    Commented 2017年11月29日 8:32

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。