前言
作为前端开发中最常用、最基本的工具之一，Webpack 有着必不可少的作用。在使用 Webpack 的过程中，我们经常需要自己编写一些入口文件，来告诉 Webpack 如何构建出我们需要的文件。而在实际工作中，往往项目文件很多，手动编写入口文件非常烦琐，因此有了许多能够自动化生成入口文件的 npm 包，其中比较好用的就是 webpack-glob-entry，本文就为大家介绍如何使用这个包。
安装
首先，我们需要安装这个 npm 包。在命令行中输入以下命令：
--- ------- ------------------ --
使用方式
webpack-glob-entry 可以根据 glob 模式匹配自动生成多个入口。下面是一个简单的示例：
----- ------- - ----------------------------------------------- -------------- - - ------ -------- -- --- --
以上代码会从 ./src 目录下递归查找所有的 .js 文件，然后根据文件名自动生成多个入口文件。
如果你想通过配置进一步筛选文件，比如只选择某个特定的文件夹下的 js 文件，你可以这样做：
----- ------- - ---------------------------------------------------- - ---- ---------- ------- ----------------------------------- --------- ----- --- -------------- - - ------ -------- -- --- --
我们来简单解析一下上面的代码：
cwd：设置匹配路径的基础文件夹，默认为当前路径(__dirname)。ignore：设置忽略某些文件，比如上文忽略 test 和 e2e 的文件。absolute：生成每个入口是否使用绝对路径，默认为 false。
命令行使用
除了通过代码调用包来生成入口文件之外，webpack-glob-entry 还提供了命令行方式来生成入口文件，使用方法如下：
---------- --------------- ------ ---------
以上命令会在 ./src 目录下递归查找所有的 .js 文件，然后根据文件名自动生成多个入口文件。生成的入口文件将会被放置在 ./dist 目录下。
总结
通过以上的介绍，我们可以看到 webpack-glob-entry 这个 npm 包使用起来很方便，而且功能也很实用。通过命令行或者代码调用都可以自动生成入口文件，这对于大型项目来说是非常重要的，可以大大减少手工编写入口文件的工作量，提高生产效率。如果你还在为编写入口文件而苦恼，不妨试试这个 npm 包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671048dd3466f61ffdce0