简介
generator-g-webpack 是一个高度定制化的 webpack 生成器，可以快速生成具有 webpack 基础功能的项目框架。
本篇文章将会介绍 generator-g-webpack 的安装，使用，以及配置。
安装
安装 generator-g-webpack 需要提前安装 Node.js 和 npm。如需了解 Node.js 和 npm 的安装流程，请参考官方文档或者其他教程。
安装 generator-g-webpack 的命令如下：
npm install -g yo generator-g-webpack
安装完成后，即可使用 generator-g-webpack 命令。
使用
使用 generator-g-webpack 生成一个项目框架非常简单，只需要在命令行中执行以下命令：
yo g-webpack
然后跟随命令行提示完成一系列选项的选择，项目框架就会被成功生成。
配置
generator-g-webpack 的配置非常灵活，可以通过修改配置文件来更改项目框架的功能和行为。
修改配置文件
可以在项目根目录下找到一个名为 webpack.config.js 的文件，这个文件即为 webpack 的配置文件。
其中，如果需要更改 webpack 的 entry，output，以及 loader，可以修改 webpack.config.js 中的 entry，output，以及 module.rules 部分。
如果需要添加自定义的 webpack 插件，可以在 webpack.config.js 中的 plugins 中添加。
例如，如果需要添加 webpack 的 uglify 插件，可以在 plugins 中添加以下代码：
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
plugins: [
new UglifyJsPlugin()
],修改 package.json 中的命令
在 package.json 中可以修改命令行命令，在命令行输入 npm run + 命令名即可运行自定义的命令。
例如，在 package.json 中添加以下配置：
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},即可通过 npm run build 命令运行 webpack 进行编译。
示例代码
下面是一个使用 generator-g-webpack 生成的示例代码，其中包含了 webpack 的基础配置。
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
-------------- - -
----- --------------
------ -----------------
------- -
--------- ------------
----- ----------------------- -------
--
------- -
------ -
-
----- --------------
-------- ---------------
---- -
------- ---------------
-------- -
-------- --------------------- ----------------------
-
-
-
-
--
-------- -
--- ------------------------
-
--总结
本篇文章介绍了 npm 包 generator-g-webpack 的安装，使用，以及常用配置，对前端开发者来说是一个非常实用的工具。
希望本篇文章能够对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e181e8991b448e065e