在前端开发中，构建与打包工具是必不可少的，而npm包是一个非常重要的资源来源。在这篇文章中，我们将介绍一个优秀的 npm 包：@best/runner，它可以帮助我们进行构建和部署项目。
什么是 @best/runner？
@best/runner是基于gulp的一个构建工具，它提供了一些特定的任务来满足构建和打包的需求。它是由Best前端团队开发的，Best是一家领先的互联网公司，它拥有多个具有影响力的产品和服务。
安装
在使用@best/runner之前，我们需要在项目中安装它。我们可以在终端中使用以下命令：
npm install @best/runner
使用
在安装完成之后，我们可以使用@best/runner进行构建和打包项目。首先，我们需要在gulpfile.js文件中导入@best/runner：
const runner = require('@best/runner');@best/runner提供了一些默认的任务，例如：
dev
这个任务可以用来在本地启动一个开发环境。它将启动一个本地服务，并监听文件的改变。在文件发生改变时，它会在浏览器中自动刷新。我们可以添加一些配置，例如：
runner.task('dev', () => {
runner.watch({
html: 'src/**/*.{html,ejs}',
css: 'src/**/*.less',
js: 'src/**/*.js'
});
});这将启动一个本地服务，同时监听src目录下的所有html、less和js文件的改变。
build
这个任务可以用来打包项目。它会将所有文件进行压缩和合并，并输出到dist目录下。我们可以添加一些配置，例如：
-- -------------------- ---- -------
-------------------- -- -- -
--------------
----- -
---- ----------------
----- ------
--
---- -
---- ----------------
----- ----------
--
--- -
---- --------------
----- ---------
--
------- -
---- --------------------
----- -------------
-
---
---这将对src目录下所有的html、less、js和assets文件进行打包，并输出到dist目录下。
deploy
这个任务可以用来部署项目。它会将打包好的项目上传到服务器上，并执行一些自定义的操作。我们可以添加一些配置，例如：
-- -------------------- ---- -------
--------------------- -- -- -
---------------
----- ------------------
--------- -----------
--------- -----------
----- ---
----------- -----------------------
---------- -------
--------- -
--- --- ------------------------
--- --------------------------- ----------------------
--- --- --------------------------
-
---
---这将把dist目录下的文件上传到服务器上，并执行一些自定义的命令。
总结
通过这篇文章，我们可以了解到@best/runner是一个非常优秀的构建和部署工具，它可以帮助我们提高开发效率和优化项目的代码质量。我们可以使用它来进行项目的构建和打包，同时还可以自定义各种任务和配置。希望这篇文章对你有帮助，也希望你能掌握这个工具，使你的项目达到更高的水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/best-runner