什么是 harp-scripts
harp-scripts 是一个基于 webpack 和 Babel 的前端开发工具，并提供了常用的配置文件和插件，旨在简化开发流程。它可以帮助我们快速创建一个现代化的前端项目，同时提供了一些常用的功能，例如：
- 开发服务器
- 热重载
- CSS 预处理器支持
- 自动化测试
- 代码压缩
- Source Map 支持
安装
harp-scripts 是一个 NPM 包，可以通过以下命令安装：
npm install harp-scripts --save-dev
使用
配置文件
harp-scripts 自带了一些默认的配置文件，例如 webpack.config.js 和 .babelrc，但我们也可以在项目根目录下创建 harp.config.js 来自定义配置。
module.exports = {
// 自定义配置
};执行命令
harp-scripts 提供了一些常用的命令，例如：
start：启动开发服务器build：构建生产环境代码test：运行测试
我们可以通过以下命令来执行这些命令：
harp-scripts start harp-scripts build harp-scripts test
示例代码
下面是一个使用 harp-scripts 创建的示例项目：
mkdir my-app cd my-app npm init -y npm install react react-dom --save npm install harp-scripts --save-dev
在项目根目录下创建 src/index.js 文件，并写入以下代码：
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(
<h1>Hello, World!</h1>,
document.getElementById('root')
);在项目根目录下创建 public/index.html 文件，并写入以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
--------- -----------
-------
------
---- ----------------
------- --------------------------
-------
-------在命令行中执行 harp-scripts start，在浏览器中访问 http://localhost:3000，即可看到页面上显示出 "Hello, World!" 的字样。
执行 harp-scripts build，会在项目根目录下生成 build 文件夹，并把生产环境代码写入其中。
总结
harp-scripts 是一个非常有用的前端开发工具，它可以帮助我们快速搭建一个现代化的前端项目，并提供了一些常用的功能和配置文件。通过使用 harp-scripts，我们可以更加专注于应用的开发和业务逻辑，而不用过多关心底层的技术实现细节。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66762