在前端开发中，我们经常需要用到构建工具来帮助我们完成项目构建、打包、部署等工作。其中，npm 是一个非常常用的包管理工具，它为我们提供了各种各样的包，如 remit-cli 就是其中之一。
remit-cli 是一个轻量级的前端代码构建工具，可以帮助我们快速构建一个基于 React、Vue、Angular 或者普通的 HTML/CSS/JavaScript 的项目。
本文将介绍 remit-cli 的使用教程，通过本文的学习，你将掌握如何使用 remit-cli 来搭建一个简单的项目。
安装 remit-cli
通过 npm 安装 remit-cli，只需要在命令行中输入以下命令：
npm install -g remit-cli
创建项目
创建一个项目非常简单，只需要在命令行中输入以下命令：
remit init
这个命令会提示你选择一个模板（React、Vue、Angular 或者普通的 HTML/CSS/JavaScript），你可以选择你想要的模板。在选择模板后，remit-cli 会自动为你创建一个基于选定模板的项目结构。
安装依赖
在创建完项目后，我们需要安装项目所需的依赖。只需要进入到项目根目录，然后在命令行中输入以下命令：
npm install
remit-cli 会自动安装项目所需的依赖。
运行项目
安装完依赖后，我们可以通过以下命令在本地启动项目：
npm start
这个命令将会在本地启动一个服务器，然后自动打开浏览器访问项目。我们可以在浏览器中看到项目的初始页面。
构建项目
当项目开发完成后，我们需要将项目构建打包，并部署到服务器上。remit-cli 提供了以下命令来完成这个任务：
npm run build
这个命令将会将项目构建打包，并将构建结果保存到 dist 目录下，我们可以将 dist 目录下的文件上传到服务器上。
常见问题
1. 如何切换项目端口号？
remit-cli 默认启动项目的端口号为 8080。如果你需要切换项目端口号，可以在命令行中执行以下命令：
PORT=9000 npm start
上面的命令将会启动一个端口号为 9000 的服务器。
2. 如何添加自己的配置？
remit-cli 提供了一个名为 remit.config.js 的配置文件，我们可以在这个文件中添加自己的配置。例如，如果你想要添加一个全局变量，可以在 remit.config.js 中加入以下配置：
-- -------------------- ---- -------
-------------- - -
-------- -------- - -------- -- -- -
-- ----------- -
----------- - -
--- -------
-
-
------ ------
--
---- -
------------ -----------------------
-
-上述代码用于添加一个名为 MY_VARIABLE 的全局变量。
总结
通过本文，我们学习了如何安装、创建、运行和构建一个使用 remit-cli 的项目，并解决了一些常见问题。希望大家可以尝试使用 remit-cli 来构建自己的项目，并深入了解其原理和功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eb981e8991b448dc6c6