的WebPack巴貝爾jsnext：主要和依賴transpiling

Question

我上週開盤下面的問題，但沒人似乎知道了答案：

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

我真不明白有什麼webpack/babel-loader當前狀態在node_modules發生依賴關係，請問誰能澄清？我試圖堅持每一個開放的問題。

1. 是webpack/babel-loader transpiling jsnext:main文件？
2. 如果有，是webpack/babel-loader傳譯jsnext:main文件在node_modules即使node_modules在排除關鍵？

我的情況：

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 
    } 
}] 

在我的依賴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）。

如果你想transpile具有module或jsnext:main領域的任何模塊，你可以使用從賈森米勒developit/transpile-esnext-modules.js這決定了模塊是否應包含或不（include和exclude也接受一個函數）的規則。