简介
npm 包 @wildebeest/cli 是一个命令行工具,它可以帮助我们快速生成前端项目的基本配置。它的特点是易于使用,可以自定义,可以与其他 npm 包配合使用,提高开发效率。
安装
可以全局安装 @wildebeest/cli。
--- ------- -- ---------------
安装完成后,我们就可以使用 wbg
命令来创建新项目。
使用
首先,我们进入一个目录,该目录下将是新项目的位置。
-- ---------
然后,使用 wbg
命令创建新项目。
--- --- ----------
my-project
是新项目的名称,可以根据需要自定义。执行完成后,我们会看到以下信息:
- ----- ------ ----- --- ---- -- ---- - - --- ----------- ------ -- ------- - ------- ---------- ----------------
这是让我们选择一个预设,它会决定新项目的基本配置。这里我们选择 minimal
,该预设是最基本的配置,只包含了必要的文件和配置。
- ----- ------ ----- --- ---- -- ---- ------- - --- ----- ---- ---- -- ------- ------- ------- ------------- ---- ----------- ------ -- -------- - ---- --- ---- -------
接下来,我们需要选择一种包管理器。yarn
是一个快速,可靠的包管理器,推荐使用。这里我们选择 yarn
。
- ----- ------ ----- --- ---- -- ---- ------- - --- ----- ---- ---- -- ------- ------- ------- ------------- ---- -- ------- --------- ----------- -- ------- ------------- -- ----------- ---- -- --------- -------- ---- -----
安装完成后,我们就可以进入项目目录,并启动本地服务器。
-- ---------- ---- ---
然后就可以在浏览器中访问 http://localhost:8080,查看新项目的默认显示页面了。服务器会自动监听代码的变化,并自动刷新浏览器。
自定义
虽然 @wildebeest/cli 提供了基本配置的预设,但是我们也可以自定义。我们可以进入新项目的目录,编辑 wbg.config.js
,添加自定义配置。
-------------- - - -------------- - ------ ----------------- - -
这样,新项目的入口文件就变成了 src/my-entry.js
。我们可以根据需要,修改各种配置,比如输出目录、环境变量等等。
特性
除了基本的功能外,@wildebeest/cli 还有很多特性,可以帮助我们提高开发效率。
插件系统
@wildebeest/cli 的插件系统是很强大的。我们可以使用现有的插件,也可以自己编写插件。比如,@wildebeest/cli-plugin-lint 可以帮助我们检查代码风格,@wildebeest/cli-plugin-i18n 可以帮助我们处理多语言。
集成第三方工具
@wildebeest/cli 可以与各种第三方工具集成。比如,我们可以使用 jest 进行测试,使用 storybook 进行 UI 开发,使用 electron-builder 进行打包等等。
结论
@wildebeest/cli 是一个很好用的前端项目配置工具,它可以帮助我们快速创建项目,配置项目并提高开发效率。我们可以使用现有的预设,也可以自定义,还可以与各种插件和第三方工具配合使用。建议大家多多尝试。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600672e20520b171f02e1d4d