bourn 是一个可以帮助前端工程师自动化构建任务的 npm 包。它可以在打包、压缩、编译等方面帮助开发者减轻负担,同时提高开发效率。
bourn 的安装
我们可以通过以下步骤进行 bourn 的安装:
- 在命令行中运行 npm install -g bourn,可以全局安装 bourn;
- 运行 bourn -v 可以查看 bourn 当前的版本号。
配置 bourn
我们可以在项目的根目录中创建 bournfile.js,这个文件是 bourn 的配置文件。使用 bourn 的任务需要在这个文件中定义。
-- -------------------- ---- ------- -------------- - -------- ------- - -- ---- ------------ ----- -------- ----- --------- ---- ------ -- --- ----- ------- -- ---- ------ -------- -------- ---------- -- --------- -------- - -- -- ------------------------------- ------------------------------- ------------------------------- -- -------- - ---- ----------------- -- --- -- -------- -------- -- -- ------ ---- -- ------ - -- -
以上面的代码为例,这个任务会将 src 目录下的所有 js、css 和 html 文件打包到 dist 目录,并将打包后的文件存放到 CDN 上。同时,使用了三个插件:cdnify、minify 和 replace。
运行 bourn 的任务
当创建好 bournfile.js 文件后,我们可以开始运行任务了。例如下面这个例子:
const bourn = require('bourn') bourn.run('build')
在命令行中输入 node bourn.js 运行任务。
可是,在实际开发中,我们会进行更多的操作。比如执行不同的任务,使用不同的配置,需要处理一些异常问题等等。
这时候,我们可以使用 yargs 来构建我们的命令行工具。这样就可以让我们更加灵活地运行任务。
下面是一份简单的使用 bourn 和 yargs 的例子:
-- -------------------- ---- ------- ----- ----- - ---------------- ----- ----- - ---------------- -- ------- ----- ------- - ----- -------------- -- --------- ----------- ----------------- ------ --- --------- ------------ - ------ -------- --------- ------ ------ ----- ---------- -------- ----- -- ---------- ----------- ------- ----- -- ------- -- ----------------------------- - ------------------ - ------ ------------- -- - ---- - ---------------- -
通过命令行输入 node bourn-cli.js build -d 即可运行任务,其中 -d 表示调试模式开启。
以上就是 bourn 包的使用教程。bourn 可以极大地减轻我们前端工程师的工作量,同时也是一个很好的自动化构建工具。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066c84ccdc64669dde4e78