为什么我们需要在 webpack 中排除 node_modules？

Question

below is a webpack config file:

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

I don't understand why we need to exclude node_modules when dealing with typescript files? Below is my points:

1-Firstly, nearly all packages are written in js not in ts, it is not going to harm if we include node_modules.

2-If we are referencing a package that is written in ts, we definitely want ts code to be compiled to js code, then we have to include node_modules to make sure everything works, don't we?

Answer 1

1-Firstly, nearly all packages are written in js not in ts, it is not going to harm if we include node_modules.

Excluding node_modules at the transpiling stage increases performance which could otherwise get a hit.

If we are referencing a package that is written in ts, we definitely want ts code to be compiled to js code, then we have to include node_modules to make sure everything works, don't we?

Yes, and then is the key here. Excluding node_modules at the transpiling stage doesn't prevent webpack from using its content at the bundling stage.