WebPACKのバベルjsnext：

Question

をtranspilingメインと依存関係は、私は先週、次の問題を開いたが、誰も答えを知っているように見えるん：

• github.com/babel/babel-loader/issues/488
• github.com/webpack/webpack/issues/2902

私は本当に何を理解していませんwebpack/babel-loaderの現在のステータスは、node_modulesのtranspiling依存関係にありますが、誰でも明示していただけますか？私はどこにでも開かれたすべての問題にこだわっていました。

1. jsnext:mainファイルをtranspiling webpack/babel-loaderですか？
2. そうならば、node_modulesキーを中に除外されている場合でもnode_modulesでjsnext:mainファイルをtranspiling webpack/babel-loaderのですか？

私の状況：私の依存関係package.jsonで

rules: [{ 
    test: /\.(js|mjs)$/i, 
    exclude: [/node_modules/], 
    use: [{ 
     loader: 'babel-loader', //settings specified in package.json 
    },{ 
     loader: 'eslint-loader', //settings specified in package.json 
    } 
}] 

私が試した：

"main": "index.js", <= not working (not transpiled) 
"jsnext:main": "index.js", <= not working (not transpiled) 
"module": "index.js", <= not working (not transpiled) 

どちらexclude: [/node_modules/],を削除せずに取り組んでいるが、これは任意の中規模から大規模に使用することはできません無限のコンパイル時間のために大規模なプロジェクトです。

しかし、なぜhttps://github.com/lodash/lodash/blob/es/package.jsonが私のhttps://github.com/damianobarbati/react-create-app/blob/master/package.jsonと異なるのですか？ lodash-esがnode_modulesにあっても（そして除外されていても）私のreact-create-appはそうではありません：ヘルプ！

Answer 1

node_modulesをルールから除外した場合、babel-loaderはnode_modulesに何も含まれていません。 jsnext:mainやmoduleのようなフィールドは、ローダ/ルールとは関係ありません。パッケージがインポートされると、webpackはresolve.mainFieldsに基づいてどのファイルを使用するかを決定し、そのファイルに適用するルールをチェックします。通常、これらのファイルは、ESモジュール（Rollup - pkg.moduleを参照）が含まれていることを除いて、すでにトランスイルされています。

あなたがmoduleやjsnext:mainフィールドを持つ任意のモジュールをtranspileしたい場合は、モジュールは（includeとexcludeも機能を受け入れる）が含まれるべきか否かを決定するジェイソン・ミラーdevelopit/transpile-esnext-modules.jsからルールを使用することができます。