為什么我們需要在 webpack 中排除 node_modules？

Question

下面是 webpack 配置文件：

module.exports = {
    mode: "development",
    entry: "./src/index.ts",
    output: { filename: "bundle.js" },
    resolve: { extensions: [".ts"] },
    module: {
        rules: [
            { test: /\.ts/, use: "ts-loader", exclude: /node_modules/ }
           }
        ]
    }
};

我不明白為什么我們在處理 typescript 文件時需要排除 node_modules ？ 以下是我的觀點：

1-首先，幾乎所有的包都是用js而不是ts編寫的，如果我們包含node_modules不會有什么壞處。

2-如果我們引用一個用 ts 編寫的 package，我們肯定希望 ts 代碼編譯為 js 代碼，那么我們必須包含 node_modules 以確保一切正常，不是嗎？

Answer 1

1-首先，幾乎所有的包都是用js而不是ts編寫的，如果我們包含node_modules不會有什么壞處。

在轉譯階段排除node_modules會提高性能，否則可能會受到影響。

如果我們引用的是用 ts 編寫的 package，我們肯定希望 ts 代碼編譯為 js 代碼，那么我們必須包含 node_modules 以確保一切正常，不是嗎？

是的，然后是這里的關鍵。 在轉譯階段排除node_modules不會阻止 webpack 在捆綁階段使用其內容。