浅谈对webpack的理解

webpack的使用：

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

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

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