前端构建工具-webpack4.0

初探webpack

 1.前端构建化

　　 前端工程化是根据业务特点，将前端开发流程规范化，标准化，它包括了开发流程，技术选型，代码规范，构建发布等，用于提升前端工程师的开发效率和代码质量。

  　　1.1 一个符合前端工程化要求的方案应该包含以下要素:

　　　　1).开发规范

　　　　2).模块化开发

　　　　3).组件化开发

　　　　4).组件仓库

　　　　5).性能优化

　　　　6).部署

　　　　7).开发流程

　　　　8).开发工具

　　 1.2 构建工具

              我们熟知的构建工具包括 Grunt Gulp webpack

2.webpack简介

　　webpack是模块化管理工具，使用webpack可以对模块进行压缩、预处理、按需打包、按需加载等。

　　通过官网的一张图可以看出webpack能做的事: 左边所罗列的文件,通过webpack处理,最终变成浏览器能识别的js,css以及图片.

　　

 3.初探webpack

　　

 

      webpack运行环境需要node版本>=6.11.5

      webpack4中,webpack-cli已近独立出来了,所以要用到webpack-cli命令,需要单独下载webpack-cli

4.下载安装webpack

　　

       webpack 全局安装,全局安装，是因为可能很多地方都要用到。

 5.webpack的4个核心模块