简介
workenv-cli 是一个 Node.js 命令行工具，可以帮助我们快速创建前端项目的开发环境和构建工具。
该工具基于 Webpack、Babel、PostCSS 等技术框架，能够自动完成前端项目的配置，包括开发环境配置、打包、压缩等工作。
workenv-cli 的安装非常简单，只需要在终端执行以下命令即可：
npm install -g workenv-cli
如果你已经安装了 Node.js 和 npm 包管理器，那么在安装完成后，就可以开始使用 workenv-cli 了。
使用
在命令行中执行以下命令，workenv-cli 将会帮助你创建一个新的项目：
workenv init <project-name>
其中，<project-name> 是你要创建的项目名称，执行该命令后，会在当前目录中生成一个以该名称命名的文件夹。
workenv-cli 还提供了其它命令，可以帮助我们完成一些常见的前端开发任务，例如打包和压缩代码、启动开发服务器等。
打包和压缩代码
执行以下命令，workenv-cli 将会对你的项目进行打包和压缩：
workenv build
编译完成之后，会在项目根目录中生成一个 dist 目录，其中包含了压缩后的代码文件。
启动开发服务器
当我们进行前端开发时，经常需要启动一个本地服务器，以便测试和调试代码。使用 workenv-cli，我们可以方便地启动一个本地服务器：
workenv dev
执行该命令后，会在浏览器中打开一个本地服务器，并自动加载我们的项目。同时，如果我们对项目代码进行了修改，workenv-cli 会自动进行热重载，将最新的代码加载到浏览器中。
配置
workenv-cli 的默认配置已经完全满足了大多数前端开发需求，但是我们也可以根据自己的需求进行定制化配置。
在项目根目录中，有一个名为 workenv.config.js 的配置文件，我们可以在该文件中对工具进行配置。例如，如果我们需要对 CSS 进行处理，可以添加如下代码：
module.exports = {
postcss: [
require('autoprefixer')
]
}该配置将启用自动添加 CSS 前缀的功能。
总结
workenv-cli 是一个非常实用的工具，可以帮助我们快速构建前端项目的开发环境和构建工具。通过了解和使用 workenv-cli，我们可以更加高效地进行前端开发，提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005730081e8991b448e928f