简介
@nathanfaucett/web_app-cli 是一个 npm 包，是用于快速构建前端应用的命令行工具。它基于 webpack 和 babel 构建而成，能快速搭建一个现代化、自适应、优化过的 Web 应用程序。
安装
你可以在你的项目目录下使用 npm 来安装 web_app-cli：
npm install --save-dev @nathanfaucett/web_app-cli
使用
首先，我们需要在项目的 package.json 中添加脚本来运行 web_app-cli：
"scripts": {
"start": "web_app start",
"build": "web_app build"
},然后，我们就可以运行以下命令来启动本地开发服务器：
npm run start
如果你想编译生产环境的代码，就可以运行：
npm run build
以上两个指令就是我们常用的两个命令，一个是启动本地服务器，一个是生成生产环境的代码。
配置
web_app-cli 已经默认配置好了 webpack 和 babel，但是我们还需要一些额外的配置来满足自己的需求。有两种方式可以进行配置：通过配置文件、通过 cli 参数。
配置文件
在项目根目录下创建 web_app.config.js 文件，web_app-cli 将会自动读取此文件来进行配置。以下是一个配置文件的基本样式：
module.exports = {
// 配置项
};接下来，我们可以添加一些配置项来满足自己的需求：
-- -------------------- ---- -------
-------------- - -
----- ----- -- -----------
----------- ----------- -- ------
------ -
------- -
------- ------------------------
------------- ----
-
- -- --
--cli 参数
除了可以通过配置文件来配置，我们还可以通过 cli 参数来达到目的。以下是一些常用的参数：
--port指定本地服务器的端口号--dest指定生成代码的目录--analyze执行构建分析--mode指定环境模式（development/production）
例如，我们可以用以下方式运行本地开发服务器：
web_app start --port=4000
示例代码
以下是一个简单的示例代码，在使用 web_app-cli 后生成的代码将和这个示例十分类似：
-- -------------------- ---- ------- --------- ----- ----- ---------- ------ ----- ---------------- --------- ----------- ----- --------------- ---------------------------- ----------------- ------- ------ ---- ---------------- ------- ---------------------------------- ------- -------
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
----- --- - -- -- -
-----
---------- -----------
------
--
-------------------- --- ---------------------------------结语
通过本文，我们了解了 @nathanfaucett/web_app-cli 的基本用法以及配置方式。它能够为我们提供快速搭建前端应用程序的能力，让我们更加专注于业务逻辑的开发。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcd967216659e2449e8