webpack

webpack安装

局部安装
cnpm install webpack --save-dev

cnpm install webpack-cli --save-dev
或者
全局安装
cnpm install webpack webpack-cli -g
卸载
npm uninstall webpack webpack-cli -g
检查webpack的版本号
npm info webpack
安装相应的版本
npm uninstall webpack@(版本号) webpack-cli -g

执行命令

npx webpack index.js（所需要的翻译的文件）

webpack是什么

webpack是前端开发的一个代码打包工具

Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式，将各种静态资源视为模块，并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。

Webpack 可以从终端、或是更改 webpack.config.js 来设置各项功能。

《webpack可以把一些浏览器执行不了的代码翻译成浏览器可执行的代码，然后放到main.js中 在我们的html文件中只需要引入main.js就可以了》

什么是模块打包工具

webpack的核心定义就是一个模块打包工具

很多人认为webpack是一个js的翻译器，但是实际上并不是，webpack是一个模块打包工具，它不仅仅是一个js的打包工具，例如css，jng（图片）等也都是可以打包的

使用webpack的好处

1.轻松使用es6。

因为webpack可以在浏览器不支持es6的情况下让你使用es6语法，最新的webpack版本已经不需要配置也能过变异es6语法，之前的版本都需要加入babel加载器才可以打包es6.

2.可以打包文件

3.代码改变后，可是在浏览器上没有显示出改变后的效果。

4.减少界面请求数量。
许多图片图表都是放到一张图片上的，这样做的原因是因为能过减少图片体积，同样的将js，css文件打包也可以减少体积使几面加载的更快

5.顶级应用spa模式即单页面应用