简介
在前端开发中，我们经常需要将一些代码打包或编译成可发布的文件。为了方便开发者进行这一步操作，就有了一些自动化打包工具，例如Webpack、Rollup等等。但是使用这些工具对于初学者来说可能不太友好、操作繁琐，因此就需要一些工具来帮助我们完成这一步操作。
@paulwhitaker/create-build就是一个这样的工具，它可以为你生成一个webpack的配置文件，并且自动依赖安装。本篇文章将为大家介绍如何使用该工具进行项目开发。
安装
使用npm进行安装即可，命令如下：
npm install @paulwhitaker/create-build
使用
在安装完毕后，你需要在你的项目的根目录下运行以下命令：
npx create-build
运行后会出现一些选项供你选择，例如：
What project would you like to configure?：选择需要配置的项目；What is the source code directory?：选择源代码目录；What is the production build directory?：选择生产构建目录；Do you want to use TypeScript?：是否需要使用TypeScript；Do you want to use React?：是否需要使用React。
根据你的项目需求进行选择，选择后会自动生成一个webpack配置文件，可以直接使用了。
示例代码
下面是一个使用@paulwhitaker/create-build生成的webpack配置文件示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ----------------- - -------------------------------
----- -------------------- - -----------------------------------
-------------- - ------------- ----- -
----- ------------ - --------- --- -------------
------ -
------ -
----- -----------------
--
------- -
----- ----------------------- ------------ - ------ - ---------
--------- ------------ - ----------------------- - ------------
----------- ----
--
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ----------------------
-------- -------------------------------------- - ------- --------------- ----
--
--
--
-
----- ---------
---- -
------------ - --------------------------- - ---------------
-------------
--
--
--
--
-------- -
--- -------------------
------ --- -----
---
------------ -- --- ----------------------
--------- ---------------------------
---
------------------
--
--以上就是使用@paulwhitaker/create-build生成的webpack配置文件示例。使用该工具可以轻松地生成一个符合需求的webpack配置文件，从而进行项目开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600673ddfb81d47349e53b37