npm 包 hhurley 使用教程

介绍

hhurley 是一个快速搭建前端项目的工具，可以帮助我们快速生成项目骨架、自动化构建、启动服务器等各种复杂的操作，同时集成了常用的前端工具，如 less、babel、eslint 等。在实际工作中，使用 hhurley 可以极大的提高我们的工作效率。本文将介绍如何安装和使用 hhurley。

安装

在安装 hhurley 之前需要先安装 Node.js 和 npm，具体安装可以参考官方文档。安装完成后，打开终端，使用以下命令安装 hhurley。

npm install hhurley -g

使用

创建项目

使用 hhurley 创建一个新项目非常简单，只需要在命令行中执行以下命令即可。

hh create <project_name>

其中 project_name 是项目名称，执行该命令后，hhurley 将会自动创建项目骨架，并在其中添加必要的文件和依赖。

构建项目

hhurley 集成了自动化构建，只需要在命令行中执行以下命令即可进行构建。

hh build

执行该命令后，hhurley 将会自动进行以下操作：

• 将 less 文件转换成 css 文件
• 使用 babel 将 es6 语法转换成 es5 语法
• 使用 eslint 检测代码规范并输出问题
• 将打包后的文件生成到 dist 目录下

启动服务器

hhurley 可以快速启动本地服务器，方便我们进行开发调试。只需要在命令行中执行以下命令即可启动服务器。

hh server

执行该命令后，hhurley 将会自动启动本地服务器，并在默认的端口 (3000) 上监听请求。

自定义配置

除了使用默认配置以外，hhurley 还可以进行自定义配置。我们只需要在项目根目录下添加一个 hhurley.config.js 文件，并在该文件中描述自己的配置即可。

module.exports = {
  port: 8000,
  build: {
    gzip: true,
    sourceMap: true
  }
}

上述代码中可以设置端口号为 8000，同时进行了 gzip 压缩和生成 source map。

示例代码

创建项目

hh create my-project

构建项目

hh build

启动服务器

hh server

总结

hhurley 是一个非常强大的前端工具，可以帮助我们快速搭建前端项目、自动化构建和启动服务器等。在实际使用 hhurley 的过程中，我们可以根据自己的需要进行自定义配置，提高工作效率。希望本文能够帮助到大家，谢谢阅读！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005554181e8991b448d276c