Webpack 已经流行好久了，但很多同学使用 webpack 时还是一头雾水，一下看到那么多文档、各种配置、各种 loader、plugin 立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端，webpack 是必须得跨过的一道坎，其实掌握 webpack 并不难，只是我们没有找到正确的方法。本文就是我自己在学习 webpack 时的一点心得体会，供大家参考。
2024年07月29日
Webpack 已经流行好久了，但很多同学使用 webpack 时还是一头雾水，一下看到那么多文档、各种配置、各种 loader、plugin 立马就晕头转向了。我也不例外，以至于很长一段时间对webpack都是一知半解的状态。但是想要继续做好前端，webpack 是必须得跨过的一道坎，其实掌握 webpack 并不难，只是我们没有找到正确的方法。本文就是我自己在学习 webpack 时的一点心得体会，供大家参考。
2024年07月29日
webpack是一个基于node.js的项目。webpack是以 commonJS 的形式来书写脚本；webpack是一个现代JavasScript应用程序的模块打包器(module bunder)，webpack 用于编译 JavaScript 模块。
2024年07月29日
如何输出Webpack构建分析
2024年07月29日
前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。
可以参考：前后端分离、web与static服务器分离（https://segmentfault.com/a/1190000015297319）。
2024年07月29日
平常我们引用打包后的文件，都是在配置文件中指定了输出的文件名，并手动在相应的html文件中通过script标签引入：
#webpack.config.js配置输出部分
output: {
filename: "bundle.js"
}
#在页面html中引入
<script src="bundle.js"></script>