前言
使用 npm 包 wheelhouse-cli 能够很方便地实现 webpack 的构建流程的配置。
安装
在终端输入以下命令安装 wheelhouse-cli：
npm install -g wheelhouse-cli
使用
使用 wheelhouse-cli，需要先创建一个配置文件。可以使用 wheelhouse-cli 提供的指令 init 创建初始配置文件，在项目的根目录下执行以下命令：
wheelhouse init
然后根据提示输入项目名称、描述等信息，wheelhouse-cli 会自动生成一个 webpack 配置文件，同时也会自动安装需要的 npm 包。
任何时候，可以通过以下命令重新生成和更新项目配置文件：
wheelhouse migrate
在 development 模式下编译项目：
wheelhouse develop
在 production 模式下编译项目：
wheelhouse build
指令参数
wheelhouse-cli 提供了许多指令参数，这里列举几个常用参数：
--entry
设置项目的入口文件（默认为 src/index.js），例如：
wheelhouse develop --entry=myentry.js
--output-path
设置编译后文件的输出路径（默认为 dist 目录），例如：
wheelhouse develop --output-path=deploy
示例代码
以下是一个使用 wheelhouse-cli 的示例代码，实现了 React 应用的自动编译和热更新：
-- -------------------- ---- -------
-- -----------------
----- ---- - ----------------
----- ----------------- - -------------------------------
----- -------------------- - -----------------------------------
-------------- - -
------ -
---- ----------------
--
------- -
--------- -------------------
----- ----------------------- -------
--
-------- --------------------
---------- -
------------ ---------
---- ----
--
------- -
------ -
-
----- --------
---- --------------
--
-
----- ---------
---- ----------------------------- -------------
-
-
--
-------- -
--- -------------------
------ --- -----
--------- ----------------
---
--- ----------------------
--------- -----------
--
-
--package.json 文件：
-- -------------------- ---- -------
-- ------------
-
------- ------------
---------- --------
-------------- --- ---------
---------- -
-------- ----------- ---------
-------- ----------- ------
--
--------------- -
-------- ----------
------------ ---------
--
------------------ -
-------------- ---------
-------------------- ---------
---------------------- ---------
--------------- ---------
------------- ---------
---------------------- ---------
-------------------------- ---------
---------- ----------
-------------- ---------
--------------------- ---------
----------------- --------
-
-总结
在本文中我们介绍了如何使用 wheelhouse-cli 来简化 webpack 配置编写过程，并通过示例代码演示了如何创建一个基于 React 的自动编译和热更新的应用。使用 wheelhouse-cli 能够大大提高开发效率，减少配置细节处理的工作量，帮助开发者更专注于项目功能和技术实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558d781e8991b448d62a7