随意创建一个空文件夹，在这里我们以名称，演示，输入文件夹的内部，打开CMD。使用npm init -y命令生成一个package.json
创建三个文件index.html.index.js，tool.js，然后构建一个项目结构。
在index.html中写下以下代码。
tool.js代码
index.js
阐明：
安装WebPack
WebPack是可以用于所有项目的工具。从这个意义上讲，它可以在全球安装。但是，考虑到不同的项目可能使用不同的WebPack版本，不建议每个人都进入整体情况到全球情况。键入。尤其是在打开旧项目时，请务必注意其WebPack版本的WebPack。
打开CMD窗口安装，输入以下命令：npm i webpack webpack -cli -d
在命令行工具下方检测安装是否成功。
注意：
工具中的导出模块。
index.js中的导入模块。
由于现在的模块化处理方法现已在index.js中使用，因此不能直接在浏览器中使用。如果直接在index.html中引用它，则浏览器将报告错误。
我们需要使用webpack命令来处理index.js。
命令是：NPX WebPack文件名
我们只需要输入NPX WebPack https://www.shouxicto.com/article/index.js的小型黑色窗口，因为我们的文件命名为index.js。您也可以根据文件名输入此命令行。
此时，将自动生成一个远端文件夹，并在文件夹中的main.js中打印合并的代码
在html中介绍main.js