make-dir-webpack-plugin 是一个 npm 包，它是一个 Webpack 插件，可以用于在 Webpack 构建时自动创建指定目录。在前端开发中，有些时候需要在构建时创建一些目录，例如存储一些构建生成的文件、存储一些静态资源等等，而这些目录可能是不存在的，这个时候就可以使用 make-dir-webpack-plugin 来自动创建这些目录。
安装
在使用 make-dir-webpack-plugin 之前，需要先在项目中安装它。可以通过 npm 命令进行安装：
npm install make-dir-webpack-plugin --save-dev
使用
安装完 make-dir-webpack-plugin 之后，可以在 webpack.config.js 中配置它。
-- -------------------- ---- -------
----- -------------------- - -----------------------------------
-------------- - -
-- --- ----
-------- -
--- ----------------------
---
- --------
--
----- -------- ----------
---
- --------------------- ----
--
-------- -----
---
--
--以上是一个简单的示例，其中 dirs 是要创建的目录列表，verbose 表示是否在输出日志中显示创建的目录信息。
make-dir-webpack-plugin 总共可以配置三个参数：
dirs：一个数组，要创建的目录列表，每一项是一个字符串，表示一个要创建的目录。verbose：一个布尔值，是否在输出日志中显示创建的目录信息，默认为true。options：一个对象，用于传递给fs-extra.mkdirp的参数。例如，可以在这里配置mode和fs等参数。
示例
下面是一个完整的示例，用于演示 make-dir-webpack-plugin 的使用方法：
-- -------------------- ---- -------
----- ---- - ----------------
----- -------------------- - -----------------------------------
-------------- - -
----- -------------
------ -----------------
------- -
----- ----------------------- --------
--------- ------------
--
------- -
------ -
-
----- --------
-------- ---------------
---- ---------------
--
--
--
-------- -
--- ----------------------
----- -------- ----------
---
--
--以上配置中，要创建两个目录 dist 和 static，然后执行构建命令时，Webpack 就会在构建之前自动创建这些目录。如果创建成功，会在控制台输出类似于以下信息：
make-dir-webpack-plugin: created directory /path/to/project/dist make-dir-webpack-plugin: created directory /path/to/project/static
指导意义
make-dir-webpack-plugin 是一个非常简单但实用的 npm 包，它可以帮助我们在 Webpack 构建时自动创建指定目录，并且提供了一些配置参数，可以使其更加灵活。在前端开发中，很多时候需要在构建时创建一些目录，例如存储一些构建生成的文件、存储一些静态资源等等，而这些目录可能是不存在的。使用 make-dir-webpack-plugin 可以方便地解决这个问题，提高了开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ea481e8991b448dc056