前言
在前端开发过程中，经常需要使用各种工具辅助完成项目。不管是构建工具还是打包工具，npm 包是前端开发中非常常用的东西。这篇文章主要介绍如何使用 npm 包 slim-cli。
什么是 slim-cli？
Slim-cli 是一个基于 webpack4 的多页面打包工具。它支持模块化开发、多页面打包、热更新等功能，能够快速构建多页面 Web 应用。Slim-cli 和其他打包工具相比，具有更好的性能和体验。
安装 slim-cli
首先，需要在本地全局安装 slim-cli。在命令行中输入以下命令：
npm install slim-cli -g
安装完成后，可以在终端中输入以下命令来检查 slim-cli 是否安装成功：
slim --version
如果成功安装 slim-cli，会显示 slim-cli 的版本号。
使用 slim-cli
在项目根目录中，可以使用 slim-cli 快速初始化一个基础项目：
slim init project-name
执行上述命令，slim-cli 将创建一个名为 project-name 的项目，并初始化项目的目录结构。
接下来，可以在该目录下执行以下命令：
slim dev这会在本地启动一个开发服务器。访问 http://localhost:8080 即可查看项目。在开发过程中，slim-cli 会自动检测代码变化并重新构建，同时也会在页面上自动刷新。
构建项目
当需要打包项目时，可以执行以下命令：
slim build执行上述命令后，slim-cli 会在项目的 dist 目录下生成一个打包后的应用。
配置文件
Slim-cli 的配置文件是一个 JavaScript 文件，位于项目的根目录下的 slim.config.js。该文件用来配置各种打包参数，包括入口文件、输出路径、模块解析等等。下面是一个示例配置：
-- -------------------- ---- ------- -------------- - - ------ - ------ ----------------- ------ ---------------- -- ------- - ----- --------- --------- ----------- - -展开代码
该配置文件指定了两个入口文件（index.js 和 about.js）以及输出路径和文件名。
结语
Slim-cli 是一个强大的打包工具，具有非常好的性能和使用体验。本文介绍了如何安装和使用 slim-cli，并提供了一个配置示例。希望本文能够帮助读者更好地使用 slim-cli 来构建多页面 Web 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66829
