什么是 bpg-nino-medium
bpg-nino-medium 是一款基于 Webpack 和 Babel 的前端项目构建工具，旨在为开发者提供更高效、更方便、更自由的项目开发和维护体验。它提供了一系列配置好的构建选项、插件和工具，方便开发者使用。标志性的如 less，它支持了开箱即用。还有例如 autoprefixer，它在使用 CSS 的过程中，自动处理 CSS 属性前缀，方便快捷。
如何使用 bpg-nino-medium
安装
安装 bpg-nino-medium 有两种方式，一种是通过命令自行安装，另一种是通过下载 bpg-nino-medium 提供的模板。
自行安装
请先安装 Node.js，安装完后可以通过 node -v 和 npm -v 命令查看版本号确定安装是否成功。
通过下面的命令安装 bpg-nino-medium：
npm install -g bpg-nino-medium
下载模板
解压下载的压缩包到一个目录
使用
初始化项目
在项目目录下通过命令行输入：
bpg init <project_name>
即可自动生成一个名字为 project_name 的项目。项目结构如下：
-- -------------------- ---- ------- - --- ----- --- ------------- --- ------- - --- ----------- - --- ---------- - --- ------------- --- ---- - --- ------- - --- ----------- - --- ------ - --- ------- - --- ------ - --- ------ - --- -------- - --- ---------------- --- -------- --- ---------- --- ----------------- --- ------------
你可以在 src/pages 目录下创建你的页面，也可以在 src/components 目录下创建你的组件。
开发
在项目目录下通过命令行输入：
bpg start
即可开启热加载，实时调试。
打包
在项目目录下通过命令行输入：
bpg build
即可打包生成生产环境代码。
示例代码
安装 bpg-nino-medium 后，你可以通过以下代码创建一个简单的页面：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
----- --- ------- --------------- -
-------- -
------ -
---------- ------------
-
-
-
----------------
---- ---
-------------------------------
--然后通过以下命令运行项目：
bpg init my-app cd my-app bpg start
你就可以在浏览器里看到 Hello World 页面啦！
总结
bpg-nino-medium 的出现，更是以前一些留给我们时间去繁琐配置的模块的封装。它的优点不仅仅是快速启动，而是后期的调试和维护也变得方便了许多，加快了开发速度，简化了开发流程。总之，它的目标就是让开发者能够更快、更好、更轻松地进行项目的开发和维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c86ccdc64669dde4f5b