webpack 实作(1)

实作过程：

初始化项目：
i.建立一个新专案资料夹，并在终端机中导航到该资料夹。
ii,执行以下命令来初始化一个新的npm专案：

这将建立一个package.json文件，其中包含项目的基本资讯。

安装Webpack和相关依赖：
i.安装Webpack及其CLI工具：

ii,执行以下命令来初始化一个新的npm专案：

建立专案文件结构：
i.建立一个简单的档案结构，通常包含一个src用于仪表板原始码档案的资料夹，以及一个dist用于仪表板Webpack产生的输出档案的资料夹。

编写的JavaScript程式码：
i.在src资料夹中建立一个index.js文件，并在其中编写一些简单的JavaScript程式码，例如：

建立Webpack设定档：
i.在专案根目录下建立一个名为webpack.config.jsWebpack配置的档案。在这个档案中，入口点、输出档案和载入器：

编写的HTML档：
i.建立一个index.html档案并放入dist资料夹中。在index.html中，引入Webpack产生的bundle.js：

配置npm脚本：
i.在package.json中，你可以启动开发伺服器的npm脚本配置：

运行开发伺服器：
i.打开终端机并执行以下命令：