webpack安装

需求：

1.开发过程中，代码保存自动刷新页面就好了-热更新。

2.写css样式。或者JavaScript代码后自动处理兼容问题就好了-代码编译。

3.项目要上线了，可以一键压缩代码，图片处理等就好了-压缩打包服务等。

webpack本质上是一个javascript应用程序的静态模块打包器

webpack模块

1. Es2015的import语句。

2.Common JS require语句。

3.AMD define和require语句。

4.Css/scss/less文件中的import。

5.样式或html文件的图片,字体文件。

webpack构建过程

代码转换，文件优化，代码分割，模块合并，代码校验，自动发布

核心概念

loader，pligins，entry，output，sourcemap，devserver，hmr，babel

treeshaking，环境区分，codespliting，打包分析，代码分割，环境变量使用

使用：

1.先安装node环境

2.安装最新的webpack版本和node版本可以提高构建打包速度

3.初始化 npm init

4.安装webpack 

全局安装 npm install webpack webpack-cli -g

卸载：npm uninstall webpack webpack-cli -g

推荐安装方式：

-D 开发环境 等同于 --save-dev

npm install webpack

 

安装指定版本：npm install webpack@4.1.6 -d

如果安装失败备选：

安装yarn：npm install yarn

安装nrm：npm install nrm

nrm ls查看哪些源可以使用

nrm use 可以切换源

nrm test可以检测源的网速