Greg-React-Webpack是一个针对React应用程序的Webpack配置集合，以便于快速创建一个“入门”级别的React应用程序。
安装
要使用此包，请确保您已经安装了Node.js和npm。然后打开终端并执行以下命令：
npm install greg-react-webpack --global
使用
安装完 greg-react-webpack 之后，您可以在命令行中启动新的React项目：
greg-react-webpack init
接下来会询问您一些基本信息，例如项目名称、作者等等。输入完这些信息后，它就会创建并安装所需的依赖项，然后准备好运行。
要启动开发服务器，请执行以下操作：
cd my-new-project npm start
它将在 http://localhost:3000 上启动一个本地服务器，并开始监视您的文件以进行更改。
配置
当然，您还可以根据自己的需要进行配置。在项目根目录下有一个 webpack.config.js 文件，其中包含默认配置。您可以按照自己的需要进行更改，例如添加新的Webpack加载程序或插件，以及更改入口和输出文件等。
例如，如果您想使用CSS模块，则可以添加以下加载器：
-- -------------------- ---- -------
-
----- ---------
---- -
---------------
-
------- -------------
-------- -
-------- ----
-
-
--
-------- --------------
-此配置将为Webpack添加一个CSS加载器，并启用CSS模块。
示例代码
这是一个简单的React应用程序，演示了如何使用此包：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --------------
----- --- ------- --------------- -
-------- -
------ -
-----
---------- -----------
------- -- - ------ ----- ----------- ----- -----------------------
------
--
-
-
-------------------- --- ---------------------------------在这个示例中，我们导入React和ReactDOM，然后定义了一个简单的组件 App。组件只是将一个标题和一个段落渲染到页面上。我们还导入了一个CSS文件，其中包含一些样式。最后，我们在页面中将 App 组件渲染到一个元素上。
总结
使用 greg-react-webpack，您可以快速创建一个基本的React应用程序，并通过对默认Webpack配置进行微调来满足自己的需求。此外，您还可以使用Webpack加载程序和插件来添加更多功能，例如Sass支持或热模块替换。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005605881e8991b448de7de