文章2：webpack（2）

一、了解webpack是什么？（摘选官方手册）

• （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常用的指令，（以下的术语是我自己方便理解自己取的名字）

      • npm init -y 【初始化 生成一个package.json文件，里面有些基本配置，可以手动生成，也可以修改，但现在不需要】
      • npm install(可以简写为 i) 模块名（比如：webpack）-g【 安装模块自动生成node_modules目录，这个命令是全局安装，也就是说，它会为本机添加webpack运行的环境变量，你在控制台cmd输入命令（比如：webpack -v）即可查看webpack当前版本信息】官方手册不推荐使用全局安装。
      • npm i 模块名 --save-dev【安装模块 该安装是将模块安装为开发时依赖，意思是该模块是在程序员开发项目时，就需要依赖该模块，该模块名会自动出现在 package.json中好处：可以简化输入脚本命令。】实例：使用全局安装时命令：请输入代码使用局部安装命令：请输入代码。
      • npm i 模块名 --save。
      • 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

---

三、写这篇文章的原因

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