Webpack打包多个JS文件方法

webpack能高效整合JavaScript文件。今天分享如何用webpack打包单个及多个JS文件的实用经验，帮助提升项目构建效率与资源管理能力。

1、 准备两个JS文件，并创建一个webpack配置文件。

2、 webpack将依据webpack.config.js中的配置参数，对项目文件进行打包处理。

3、 引入path模块以获取文件路径信息。

4、 entry指明打包入口，采用对象形式，键为名称，值为对应文件的路径。

5、 output是打包时文件输出的目录，此处暂定为output。

6、 在配置entry时，若设置为{hello: js-demo.js}，系统会自动将js-demo.js打包并命名为hello。.js文件的输出名称由entry中指定的键名决定，实现文件的自动重命名与打包。

7、 运行webpack --config 配置文件并按下回车，即可完成打包操作。

8、 打包后文件名已发生改变，可明显观察到。

9、 可打包多个键值对，并支持自定义输出路径。

10、 重新打包后可将多个文件输出至指定目录。