webpack相关的基础知识

1.webpack是什么，能干什么ulp是什么，能干什么/h2>

1. webpack:一个现代 JavaScript 应用程序的静态模块打包器(static module bundler),用来做模块化打包。主要是从入口文件根据import找到对应的模块，在内部创建一个依赖图。
2. gulp:基于任务驱动的自动化构建工具。Gulp的关注点主要在于流程的自动化
   注：webpack和gulp均为打包工具

2.软件版本周期

3.-S 含义与全称， -D含义和全称

1): -S :- -save 安装生产环境依赖的模块，即项目运行时的模块
2) -D: –save -dev 安装开发环境依赖的模块，即项目开发时的模块
注：打包时默认只打包生产依赖（耗时），不打包开发依赖

4.webpack安装（安装webpack 和webpack-cli）

1)全局安装
安装命令
cnpm i webpack-cli -g
cnpm i webpack -g
2）本地安装
①　创建本地项目目录
②　创建package.json文件
npm init –yes 或者 npm init -y
③　执行安装命令
cnpm install webpack webpack-cli -D

5.webpack4的默认配置，配置文件名

1)默认定义./src/index.js为入口文件。
2):默认定义一个输出文件main.js到dist中
3)默认配置文件名：webpack.config.js【放在根路径下】

6.配置文件的四个核心概念

1):入口：entry
2)出口：output
3)模块化加载器：Loader
4)插件:plugins

7.SPA,MPA入口和出口该怎么配置

1)SPA（单页应用）【只有1个出口】：

2)MPA（多页应用）[用对象]：

8.别名怎么配

要配置时只要在配置文件中在配置对象上添加resolve字段即可