-
進(jìn)入需要創(chuàng)建項目文件的盤 : 如:f盤 的react文件夾下
image.png -
新增一個webpack項目的文件夾 :命令如下
image.png -
在webpack文件夾下新建一個runoob1.js空文件:命令如下
image.png - 往新文件中 任意寫入一句話(將用于展示到頁面上):命令如下

image.png
-
在創(chuàng)建一個空的新文件 index.html
image.png
image.png -
(重點) 接下來我們使用 webpack 命令來打包:
image.png
執(zhí)行以上命令會編譯 runoob1.js 文件并生成bundle.js 文件:打開頁面如下效果

image.png





