2019-07-19 Webpack 入门

1. 进入需要创建项目文件的盘 ： 如：f盘 的react文件夹下

   
   image.png

2. 新增一个webpack项目的文件夹 ：命令如下

   
   image.png

3. 在webpack文件夹下新建一个runoob1.js空文件：命令如下

   
   image.png
4. 往新文件中 任意写入一句话（将用于展示到页面上）：命令如下

image.png

5. 在创建一个空的新文件 index.html

   
   image.png
   image.png

6. (重点) 接下来我们使用 webpack 命令来打包：

   
   image.png

执行以上命令会编译 runoob1.js 文件并生成bundle.js 文件：打开页面如下效果

image.png