WebPackForHTML HTML页面打包模板
黑白分明的资源结构，清爽直观的配置方式，WebPackForHTML是我最近用过还蛮顺手的一个 Webpack 入门项目。它适合想搞清楚 Webpack 怎么搭 HTML 页面的你，讲得不深奥，但点都点得挺到位的。
项目里两个主要角色，一个是webpack.config.js，另一个是package.json。一个负责打包逻辑，另一个管依赖配置，配合起来像是后厨里的大厨和采购，缺一不可。入口、输出、插件、loader 这几块都讲得比较清楚，尤其是用HTMLWebpackPlugin去生成 HTML 页面，真是省心。
src目录下的index.html作为模板，Webpack 自动帮你把依赖的 CSS、JS 打包注入进去，响应也快，流程也顺。再比如你有一堆图片？加个file-loader或者url-loader就能搞定，小图还能变成base64直接塞进去。
还有哦，别忘了package-lock.json这个家伙，它就像你的“快照记录”，能保证每次装依赖版本都一致，团队协作的时候靠谱。你如果打算搭自己的前端项目模板，这个项目可以参考一下，结构清楚，逻辑不绕。
如果你想看看更详细的配置案例，可以点这里瞧瞧：webpack.config.js，或者看看Webpack 模块打包入门，里面讲得也还不错。
文件大小：31.77KB
评论区