介绍
Midgar 是一个能够将 Webpack 和 Babel 配置完整而快速地整合在一起，从而为前端开发者提供一个更方便的开发体验的 npm 包。同时，该包还提供了一个易于使用的 CLI 工具，用于快速创建新的 React 和 Vue 应用程序。
安装
npm install -g midgar
创建新项目
Midgar 提供了一个 CLI 工具，用于快速创建新的 React 或 Vue 应用程序。
midgar new my-app
该命令会在当前目录下创建一个名为 my-app 的新项目，并初始化基本的目录结构和配置。
运行项目
cd my-app midgar start
该命令会启动一个开发服务器，并自动打开默认浏览器以访问项目。
配置
Midgar 的配置文件是 webpack.config.js。对于没有 webpack 配置经验的用户，Midgar 提供了一些默认的配置；对于有经验的用户，可以通过修改文件自定义配置。
在默认配置中，Midgar 集成了许多常用的插件和装载器，如样式加载、图像加载、代码拆分、打字稿支持等。
示例代码
以下是一个基于 Midgar 创建的 React 应用程序的示例代码：
src/index.js
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --------------
-------- ----- -
------ -
---- ----------------
---------- -----------
------
--
-
----------------
------------------
---- --
--------------------
-------------------------------
--src/index.css
.App {
text-align: center;
}
h1 {
color: #61dafb;
}总结
Midgar 是一个非常有用的 npm 包，能够极大地简化 Webpack 和 Babel 的配置，让前端开发者的工作更简单。希望本文的介绍和示例能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f481d8e776d08041136