介绍
@pratico/build-script 是一款基于 npm 包管理器的前端自动化构建工具。它提供了一些常用的构建任务，如编译 sass/scss、压缩图片、合并 js 等，可以大大提高我们的开发效率。
安装
在开始使用之前，你需要先安装 @pratico/build-script，并在项目根目录下创建一个名为 build.config.js 的配置文件。
使用 npm 安装 @pratico/build-script：
npm install --save-dev @pratico/build-script
配置
在 build.config.js 中，我们可以对构建任务进行配置。以下是一个简单的示例：
-- -------------------- ---- -------
-- ---------------
----- ---- - ----------------
-------------- - -
-- ----
---------- -------------------- --------
-- ----
----- -
---- -------------------- ------------------
----- -------------------- --------
--
-- ----
----- -
---- -------------------- -------------------
----- -------------------- ------------
--
-- --
--- -
---- -------------------- ---------------
----- -------------------- -----------
--
-- ---
---- -
---- -------------------- -------------
----- -------------------- ------------
--
--其中，outputDir 指定了输出目录，其他各项配置则分别对应了 html、sass、js、img 四个构建任务。在配置中，我们使用了 Node.js 的 path 模块，用于处理文件路径相关的操作。
使用
你可以在命令行中使用 npm run 启动构建任务，如：
npm run build:html npm run build:sass npm run build:js npm run build:img
当然，你也可以同时进行多个构建任务的编译，例如：
npm run build:html && npm run build:sass
总结
@pratico/build-script 为我们的前端工作提供了很大的便利，可以让我们更专注于业务逻辑的开发。如果你正在寻找一款自动化构建工具，不妨一试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590881e8991b448d662d
