2019-07-19 Webpack 入门

2019-07-19  本文已影响0人  ai房子菇凉
  1. 进入需要创建项目文件的盘 : 如:f盘 的react文件夹下


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


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


    image.png
  4. 往新文件中 任意写入一句话(将用于展示到页面上):命令如下
image.png
  1. 在创建一个空的新文件 index.html


    image.png
    image.png
  2. (重点) 接下来我们使用 webpack 命令来打包:


    image.png

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


image.png
上一篇 下一篇

猜你喜欢

热点阅读