主要是为了学习webpack,目前前端出现的各种框架中,webpack是必不可少的,所有需要学习和研究。下面的每一篇文章都是针对webpack初学者来说的,一步一步的进行学习。

针对webpack的课题研究,根据一下内容进行编写ppt,该文章为ppt的基础,当实际PPT中会有一些删减,具体以ppt为主,该文章只是辅助作用。具体从一下几个方面进行讲解:

以下所有内容都是针对webpack3.x版本进行的研究和分析!

一、webpack的简介

  • webpack的简介
    • 基本概率、与gulp的详细区别、应用场景,以及特性。

二、webpack基本用法

##三、webpack参数配置

  • webpack配置文件
    • 大致步骤
    • package.json文件配置
    • webpack.config.js配置详解
  • entry和output
    • entry,三种情况String、Array、Object。
    • output,可多个目标输出,也可进行资源替换。
  • loaders
    • loaders作用、安装、使用,以及功能。
    • 具体实例,样式和图片相关实例
  • plugins
    • plugins概率,与loaders区别,分类,以及使用方法。
    • 具体实例:添加注释、html模板、单独提取css、清楚冗余文件。
  • 其他配置
    • resolve、devtool、devServer等配置项

##四、webpack实际应用

  • webpack之实际应用
    • webpack与vue框架配合使用
    • webpack与react框架配合使用
    • webpack与gulp自动化工具相互结合使用

五、参考文档

以上文章来自:黄卉 , https://huanghui8030.github.io/webpack/webpack-study.html