webpack（2）

一、了解webpack是什么？

（摘选官方手册https://www.webpackjs.com/gui...）

（1）本质上是一个现代的javascript应用程序的静态模块打包器；（详情参考官网）
（2）了解其中四大基本概念；
    1、入口（entry）
    2、输出（output）
    3、加载（loader）
    4、插件（plugins）

二、直接上手（怎样使用webpack）

（1）安装webpack

1、安装前提：
        （1）node v（版本）8.11.3 或其他
        （2）npm  v（版本）6.4.1  或其他
        （3）新建一个空白的文件夹：命名 webpackdemo
        （4）在该文件打开cmd命令界面：操作 按住shift 鼠标右键在此处打开命令窗口
         备注：安装webpack需要使用npm的部分指令，在此我也列出npm常用的指令，（以下        
         的术语是我自己方便理解自己取的名字）
        （1）npm init -y 【初始化 生成一个package.json文件，里面有些基本配置，可 
         以手动生成，也可以修改，但现在不需要】
        （2）npm install(可以简写为 i) 模块名（比如：webpack）-g【 安装模块 自动 
         生成node_modules目录，这个命令是全局安装，也就是说，它会为本机添加webpack 
         运行的环境变量，你在控制台cmd输入命令（比如：webpack -v）即可查看webpack 
         当前版本信息】官方手册不推荐使用全局安装  
        （3）npm i 模块名 --save-dev【安装模块 该安装是将模块安装为开发时依赖，意 
         思是该模块是在程序员开发项目时，就需要依赖该模块，该模块名会自动出现在 
         package.json中好处：可以简化输入脚本命令。】实例：使用全局安装时命令：`请 
         输入代码`使用局部安装命令：`请输入代码`
        （4）npm i 模块名 --save
        （5）npm install 【直接使用该命令即可安装当前项目所有依赖的模块，不过内存 
         占用太大        
    2、安装webpack
        （1）npm init -y
        （2）npm i webpack --save-dev
        （3）npm i webpack-cli --save-dev
        （4）对上诉3步骤的介绍：初始化产生package.json文件，安装webpack模块为开发 
         时依赖。为什么需要安装webpack-cli？webpack版本已经更新到4.25.1，该版本必 
         须依赖webpack-cli，安装顺序不能变，如果变了可能会报错此处附上本人github上 
         的代码[webpackdemo][1]

三、写这篇文章的原因：

（1）自己在学习参考网上的教程时，遇到了好多坑，参考官方手册，全是英文，又看不懂，所 
 以就准备自己把坑与大家分享，其实这是我的第一篇文章，有点小激动，有错误的地方希望大 
 家指出