webpack随记录基础安装篇

38 阅读1分钟

今天整理一下以前读书所学到webpack的内容,随手记录下来.推荐阅读书目《Webpack实战 入门与调优》

webpack是做什么的(官话警告)

简单来说,原因还是javascript设计之初没有考虑到后面,过去很早的网页就是点击提交个表单的事情,不像现在五花八门的逻辑,拿java来说,java之间类和类的关系很明确,程序员很容易把功能抽象出类进行封装,但是早期js功能复杂的话就是灾难,想一下吧,一堆不分块的代码和逻辑交织在一起,实在难以维护,所以模块化是webpack的重要理念(就像maven一样,某种程度来说maven和webpack就像是不要钱的汽车零件厂)

安装webpack

我们上手体验一下webpack,到底是什么,首先新建一个文件夹作为webpack的目录

image.png

初始化项目

npm init -y 这个时候文件夹下多出一个package.json文件就是用来记录项目的依赖(你所安装的依赖都在这里显示)

安装webpack本身和命令行

npm install webpack webpack-cli -D 因为开发环境使用,因为顾名思义,webpack打完包就不需要他了,所以放到开发环境就好