在现代的前端开发中，npm 包已经成为了不可或缺的一部分，无论是使用别人的包，还是我们自己编写的包，都可以通过npm 进行管理和安装。本文将介绍一个 npm 包叫做 cooking，它是一个基于 webpack 的构建工具。
什么是 cooking？
cooking 是一个快速、简单、灵活的 Webpack 构建工具。它通过提供一些常用工具和特性来使得 Webpack 构建变得简单。相比于手动配置 Webpack，cooking 给我们提供了一些默认的配置，我们也可以根据自己的需求进行相应的配置。
安装 cooking
我们可以通过 npm 进行安装，执行以下命令：
npm install cooking -g
使用 cooking
初始化项目
我们可以通过 cooking 命令行工具进行初始化，执行以下命令：
cooking init demo
运行该命令后，cooking 会为你生成一个名为 demo 的项目，该项目包含了目录结构以及一些基础配置。
添加插件
我们可以通过 cooking 来添加一些插件来增加项目新特性。比方说，我们想使用 Sass 来进行样式的开发，那么我们可以使用 cooking-sass 插件来实现。
首先我们需要安装插件：
npm install cooking-sass --save-dev
然后我们在配置文件 cooking.conf.js 中进行配置：
-- -------------------- ---- ------- --- ------- - ------------------- ------------- -- --- ---- ------ --- -------------------------- - ----- --------- -------- -------------- -------------- --- -------------- - ------------------
添加 dev-server 配置
我们可以通过添加 dev-server 配置来启动一个本地服务器来进行开发，同时，我们也可以通过它来处理一些静态文件请求等。
-- -------------------- ---- -------
--- ------- - -------------------
-------------
------- -
----- -----
--------- -----------
-
---
-------------- - ------------------然后我们执行以下命令：
cooking watch
这样我们就可以通过访问 http://localhost:3000/ 来访问我们的应用了。
总结
通过本文介绍，我们了解了什么是 cooking、安装了 cooking、初始化了一个新项目、添加了插件、配置了 dev-server 进行开发。对于想要使用 Webpack 构建工具进行前端开发的同学，掌握 cooking 的使用方法可以帮助我们更快速、更高效地进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/168401