在前端开发中，我们经常会使用各种各样的 npm 包来帮助我们完成开发。而 sage-cli 是一个可以帮助我们快速构建基于 sage 框架的项目的 npm 包。
安装和使用
安装 sage-cli 可以通过 npm 命令进行安装：
npm install -g sage-cli
然后，我们可以使用 sage create 命令来创建一个基于 sage 框架的项目：
sage create my-project
该命令会在当前目录下创建一个名为 my-project 的项目，并自动安装相关依赖。
接着，我们可以进入项目目录，并启动 npm 服务：
cd my-project npm start
在启动 npm 服务后，我们可以在浏览器中输入 http://localhost:3000/ 来查看效果。
sage-cli 的配置
在创建基于 sage 框架的项目后，我们可以通过修改 sage.config.js 文件来进行配置。
例如，我们可以修改 sage.config.js 文件来修改项目的端口号：
module.exports = {
dev: {
port: 8080
}
}除此之外，我们还可以通过在 sage.config.js 文件中添加插件的形式来增加各种功能。
例如，如果我们想要在项目中使用 Sass 预处理器，我们可以安装 node-sass 和 sass-loader 两个 npm 包，然后在 sage.config.js 文件中添加如下配置：
-- -------------------- ---- -------
-------------- - -
------- -
------------------------------- -
----- -
--------------- --------------------
-
--
-
-sage-cli 的深入学习
如果我们想要深入学习 sage-cli，在官网上可以找到详细的文档和示例代码。
其中，我们可以学习到如何自定义开发环境和构建环境，如何扩展 webpack 配置，以及可以使用的各种插件等等。
总的来说，sage-cli 可以帮助我们提升开发效率和代码质量，是值得学习和使用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067359890c4f7277583e53