在 Vue.js 的开发过程中，Webpack 是比较常用的打包工具，而 @vue/cli-ui-addon-webpack 就是一个可以帮助我们在 Vue CLI UI 中使用 Webpack 的 npm 包。本文将详细介绍如何在项目中使用该 npm 包。
安装 @vue/cli-ui-addon-webpack
在使用之前，首先需要安装该 npm 包。可以通过以下命令在项目中安装：
npm i -D @vue/cli-ui @vue/cli-ui-addon-webpack
启动 Vue CLI UI
在安装完成后，可以通过以下命令启动 Vue CLI UI：
vue ui
添加插件
在启动 Vue CLI UI 后，可以在左侧面板的插件栏中找到 @vue/cli-ui-addon-webpack 插件，并进行安装和启用。
进入插件页面
安装和启用该插件后，可以在菜单中找到“Webpack”选项，点击进入该插件页面。
配置 Webpack
在进入插件页面后，可以看到“Webpack 配置”选项卡，点击进行配置。
在该选项卡中，可以根据自己的需求进行 Webpack 配置，例如：
-- -------------------- ---- -------
-------------- - -
------------- ------ -- -
-------------
---------------
------------------
---------------------
------------ -- -
-- ---------
------ -------
--
-
-额外配置
除了上述配置之外，还可以在“额外配置”选项卡中进行一些其他的配置，例如：
module.exports = {
pluginOptions: {
foo: {
// 插件选项
}
}
}结语
通过使用 @vue/cli-ui-addon-webpack 包，可以更加方便地进行 Webpack 配置，提高开发效率。该 npm 包是 Vue.js 开发中非常常用的一部分，希望能够帮助到大家。
示例代码
-- -------------------- ---- -------
-- -------------
-------------- - -
------------- ------ -- -
-------------
---------------
------------------
---------------------
------------ -- -
-- ---------
------ -------
--
-
-------------- -
---- -
-- ----
-
-
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f169f56403f2923b035c375