webpack 打包工具的作用及其常用加载器loader和plugin插件的功能介绍

一.定义

webpack是JavaScript应用程序的静态模块打包器(module bundler).

二.为什么要使用webpack?

传统方式有全局变量作用域污染,文件太大,可读性差,可维护性弱等问题,使用webpack可有效规避这些问题.

(1)传统方式是将众多js代码全部集成到一个js文件中,再引入到html中,但是代码过于庞大,加载时间长,那么如何解决js文件过大的问题呢=>node.js中的common.js模块化可以很好的解决代码过多的问题

(2)webpack是运行在node.js环境中的,

(3)webpack是主包,webpack-cli是副包,要想在小黑窗中执行webpack命令,就必须得安装webpack-cli

(4)webpack在安装的时候,推荐使用本地安装(-D),如果全局安装(-g),那么在工作中可能会出现各种bug

(5)package-lock里面放的是当前安装包的一些依赖包.