Webpack不会从node_modules导入捆绑包(仅限js)

Webpack是一个现代化的静态模块打包工具，它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载。Webpack的主要特点包括模块化支持、代码分割、懒加载、自动化构建等。

在Webpack中，默认情况下，它会从入口文件开始递归解析依赖关系，并将所有依赖的模块打包到最终的输出文件中。然而，Webpack并不会自动将从node_modules导入的捆绑包（仅限JavaScript）打包到输出文件中。

这是因为Webpack默认将node_modules目录视为外部依赖，即假设这些模块已经在运行环境中可用，不需要再进行打包。这种做法可以减小打包文件的体积，并提高打包速度。

如果确实需要将从node_modules导入的捆绑包打包到输出文件中，可以通过配置Webpack的externals选项来实现。externals选项允许我们将某些模块标记为外部依赖，告诉Webpack在打包过程中不将其包含进来，而是在运行时从运行环境中获取。

例如，假设我们想将lodash库作为外部依赖，可以在Webpack配置文件中添加如下配置：

module.exports = {
  // ...
  externals: {
    lodash: '_'
  }
};

上述配置告诉Webpack将lodash模块标记为外部依赖，并将其在运行时从全局变量_中获取。这样，在我们的代码中通过import或require导入lodash时，Webpack不会将其打包到输出文件中，而是直接使用全局变量_。

需要注意的是，对于从node_modules导入的非JavaScript资源（如CSS、图片等），Webpack会根据配置的加载器（Loader）来处理它们，并将其打包到输出文件中。

推荐的腾讯云相关产品：腾讯云云开发（Tencent Cloud CloudBase），它是一款集成了云函数、云数据库、云存储等多种云服务的全托管后端云开发平台。通过腾讯云云开发，开发者可以快速搭建和部署各类应用，无需关注底层基础设施的搭建和运维，极大地提高了开发效率。

产品介绍链接地址：腾讯云云开发