javascript - 为什么我们需要在 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 编写的包，我们肯定希望 ts 代码被编译为 js 代码，那么我们必须包含 node_modules 以确保一切正常，不是吗？

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.

在转译阶段排除 node_modules 可以提高性能，否则可能会受到影响。

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?

是的，然后是这里的关键。在转译阶段排除 node_modules 并不会阻止 webpack 在捆绑阶段使用其内容。