浅谈对webpack的理解

webpack的使用：

https://www.cnblogs.com/skyey7/p/16294717.html

 

1. 初始化项目
npm init -y

2.新建src目录
3.src/index.s   src/index.html
4.根据实际情况，安装插件
npm i jquery -S


5. -D 与 --save-dev   -S与--save
npm i webpack@5.42.1 webpack-cli@4.9.0 -D
npm i webpack@5.42.1 webpack-cli@4.9.0 --save-dev

6.配置webpack
创建webpack.config.js


插件:
webpack-dev-server
html-webpack-plugin

webpack的由来|解决了什么问题：
优点：总体来说，提供了模块块打包，css和js互不干扰； 修改时，使用缓存加速修改。

           使用loader合并压缩了大小

　　　处理浏览器兼容问题

 

webpack是什么：

是nodejs的一个包，基于node运行的

Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个浏览器可识别的JavaScript文件。

参考自：http://t.zoukankan.com/hanguidong-p-9496444.html

 

面试：https://www.jianshu.com/p/825858259fd9