webpack的简单介绍

webpack是什么：

模块打包机，分析目录结构，找到js模块（包括浏览器不能直接识别的代码 typscript sass...）,打包成合适

的格式供浏览器访问

模块打包 构建（项目）

打包的优势（webpack的优势）

1 、模块化，拆分了业务复杂的js代码--》细小的文件

2、 js拓展---》 基于原型面向对象---》基于class（typescript , es6）-->浏览器识别

webpack与gulp的区别：

1、webpack支持模块化，建有优化的流程。

2、webpack具有缓存机制。

webpack的安装

初始化项目：npm init---->会生成 package.json 这个文件。

在package.json这个文件中有下面的这个配置：

"scripts": { //自定义 执行命令 有些软件 命令太长

"test": "echo \"Error: no test specified\" && exit 1"

},

安装webpack ：npm install webpack --save-dev

打包 webpack的格式：webpack 要打包的文件名 打包后的文件名。

这里需要注意的是在命令行使用webpack这个命令，是需要在全局安装webpack的。但是官方建议的是在项目内安装webpack，如果你没用全局安装的话，你需要自己在配置文件中进行配置。