Webpack入门练习项目
Webpack 的入门练习项目，webpack 开始：prueba，蛮适合刚上手的朋友。项目结构清晰，基础配置全，适合边改边理解 Webpack 的运作逻辑。你能看到最基本的模块打包流程，包括entry/output设置、Loader的使用、还有插件的小妙用。整个流程不复杂，适合拿来练手或者当模版用。
模块化的思想贯穿了 Webpack 的方方面面。每个功能都拆成小块，再交给 Webpack 打包组合，挺像搭积木的感觉。通过配置文件webpack.config.js，你可以定义入口文件、输出路径、使用哪些 Loader 来 CSS、图片等资源，还有哪些插件能帮你自动清理目录、生成 HTML 等。
项目里应该用了npm install来拉取依赖，Webpack 本体和一些 Loader 插件基本都会装上。之后跑npm start就能启动开发服务器，修改代码的时候浏览器自动刷新，开发效率蹭蹭涨。
看项目里提到“诺塔”，其实说的应该是Nodemon，它在 Node.js 开发里蛮常用的，监听文件改动自动重启服务，省得你老点 ctrl+c/上下键。虽然跟 Webpack 没直接关系，但常常一起搭配用。
另外一个翻译有点奇怪的点，“重建合同的人”是指热模块替换（HMR），这功能对前端来说太香了，改一行样式秒生效，页面都不用刷新。
如果你已经玩得比较顺了，可以试着拓展下，比如试试代码分割、Tree Shaking、缓存优化之类的新特性，Webpack 现在这些功能也都蛮成熟的了。
项目文件夹叫webpack-start-master，你可以重点看看里面的package.json和webpack.config.js，再跑一跑里面的 demo，基本就能上手 Webpack 了。需要对着学习的文章我也给你找了一些，放在下面，建议收藏！
文件大小：411.36KB
评论区