Lista Tareas JS Webpack入门项目
Webpack 的入门项目npm install 装好依赖，再跑个 npm run build 就能打包出来了，整体流程不复杂。
Webpack 的配置文件也挺直观的，不搞花活。想捋一遍 entry/output、loader、plugin 怎么配，这项目挺合适当作练手模板的。对初学 Webpack 的人来说，还挺友好。
代码是原始 JS 写的，没有框架依赖，所以你不用管 Vue 或 React 那一套，纯粹聚焦在 Webpack 构建流程 本身。如果你对 NPM 和模块打包还不太熟，可以顺带看看这篇文章，讲得比较透。
项目比较基础，但你要是想加点东西，比如引入 Sass、配置 babel，完全可以自己拓展一下。Webpack 的学习本来就是靠这样一点点堆出来的。别忘了，打包完后，文件会在 dist/ 目录下，静态资源路径也要注意配置。
哦对了，如果你在做 Vue 或 React 项目，也可以参考这篇，里面提到打包后的路径问题，蛮容易踩坑的。
如果你刚开始摸 Webpack，或者想找个清爽的起步项目，不妨试试 lista-tareas-JS，不用脑袋发热上来就搞一堆 loader/plugin，先把打包搞明白，再考虑优化的事儿。
文件大小：408.8KB
评论区