简介
whut 是一款基于 Node.js 开发的命令行工具，它可以帮助我们管理项目中的 Webpack 配置文件及其相关依赖。使用 whut 可以使我们的开发流程更加高效且便捷。
安装
在使用 whut 之前，我们需要先安装它。打开终端并运行下面的命令：
npm install -g whut
这将全局安装 whut，让你在终端中可以直接使用它。
命令
whut 支持多种命令，下面是一些常用的命令及其使用方法。
whut init
这个命令用于初始化一个新的项目。只需要进入我们的项目根目录并输入下面的命令：
whut init
这将自动创建一个新的 webpack.config.js 文件，并为我们安装一些常用的依赖，如 webpack、webpack-cli 等。
whut add
有时我们需要添加一些新的依赖到我们的项目中。可以使用 whut add 命令来实现。
whut add [package_name]
其中 [package_name] 是你想添加到 package.json 中的包名。
whut remove
如果我们在项目中使用了不必要的依赖或者它们已经过时了，可以使用 whut remove 命令来删除它们。
whut remove [package_name]
whut start
在开发过程中，我们需要使用 Webpack 将我们的代码编译并启动一个本地服务来查看页面。使用 whut start 命令可以帮助我们快速启动本地服务器。
whut start
whut build
当我们将项目准备好并发布时，我们需要将代码编译为可生产环境使用的代码。使用 whut build 命令可以帮助我们完成这项工作。
whut build
配置文件
whut 会自动生成一个 webpack.config.js 文件，但是有时我们需要对其进行一些配置。下面是一些常见的配置项及其作用。
entry
entry 配置项用于指定入口文件，即 Webpack 从哪里开始处理我们的代码。可以使用数组以支持多个文件。
module.exports = {
entry: './src/index.js'
};output
output 配置项用于指定输出文件的位置和名称。通常我们会设置为一个 dist 目录中的 bundle.js 文件。
module.exports = {
// ...
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
}
};loaders
Webpack 支持使用各种各样的 loader 来处理不同类型的文件，如 css-loader 用于处理 CSS，babel-loader 用于将 ES6+ 语法转换为浏览器可识别的 JavaScript 等。
-- -------------------- ---- -------
-------------- - -
-- ---
------- -
------ -
-
----- ---------
---- ---------------- -------------
--
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
-
--结论
使用 whut 工具可以帮助我们更好地管理和使用 Webpack，在项目开发和发布中都会有很大的帮助。快来尝试使用吧！
示例代码
-- -------------------- ---- -------
-- -----------------
----- ---- - ----------------
-------------- - -
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
------- -
------ -
-
----- ---------
---- ---------------- -------------
--
-
----- --------
-------- ---------------
---- -
------- ---------------
-------- -
-------- ---------------------
-
-
-
-
-
--来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671098dd3466f61ffdfe5