2019-07-19 Webpack 入门

  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
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容