webpack 定义--安装（学习篇2）

webpack的定义：

• webpack通过 loader 可以支持各种语言和预处理器编写的模块.
• 包括：CoffeeScript、TypeScript、ESNext (Babel)、Sass、Less、Stylus等.

所以，webpack并不是一个js翻译器，它是一个模块打包工具.
注： 发展至今，webpack不仅仅可以打包js的模块文件，还可以打包css文件、png/jpg等图片文件，可以打包任何你想打包的内容.

webpack正确的安装方法：

• 首先要在本地安装node、npm包管理工具.
• 初始化项目，让当前项目符合node规范. 在项目根目录下执行：npm init -y
• 选择全局安装或者是局部安装.

全局安装：

• 安装：npm install webpack webpack-cli -g
• 验证安装是否成功：webpack -v
  注： 使用全局安装有一个缺陷： 如果你创建了两个项目，却全局安装了webpack4的版本。一个是用webpack3配置的，一个是webpack4配置的，那么会发现webpack3配置的项目，是运行不起来的，你需要卸载4，安装3. 所以不推荐全局安装，强烈建议局部安装webpack的方式.

局部安装：在项目下安装

• 安装：npm install webpack webpack-cli --save-dev 或 npm install webpack webpack-cli -D 以上两种命令是等价的.
• 验证安装是否成功：npx webpack -v
  注： 局部安装的情况下，使用webpack -v 来验证状态是不行的，因为它会默认从全局查找. 由于webpack是基于node的，若在当前目录下运行webpack，可以使用node的npx命令支持.

webpack卸载：

• 卸载：npm uninstall webpack webpack-cli -g （全局卸载）
• 局部卸载：npm uninstall webpack webpack-cli （局部卸载）