升级工具链吧!使用 Webpack 开发企业官网

作者/分享人:Meathill
向 Ta 提问
大家好,我叫翟路佳,花名“肉山”,这个名字跟 Dota 没关系,从高中起伴随我到现在。 我热爱编程,喜欢学习,喜欢分享,从业十余年,投入的比较多,学习积累到的也比较多,对前端方方面面都有所了解,希望能与大家分享。 我兴趣爱好比较广泛,尤其喜欢旅游,欢迎大家相互交流。 你可以在这里找到我: 博客:https://blog.meathill.com 微博:https://weibo.com/meathill GitChat:https://gitbook.cn/gitchat/author/593cb520ef8d9c2863173543

在 SPA 项目中,使用 Webpack 很爽;但是做企业官网项目,就显得很鸡肋:

  1. 企业官网重展示轻功能,基本都是静态 HTML
  2. 很多页面不需要 JS
  3. 需要 i18n

我之前选用 Gulp 工具链,逻辑并不复杂,但是全部资源都要自己管理,代码很多,维护起来比较麻烦,团队协作也不容易。这次下定决心用 Webpack 重构,踩了不少坑,摸索了不少新方式,最终效果比较理想。我希望分享出来:

  1. Webpack 基础和进阶,如何配置多页面项目
  2. 使用 Pug 编写页面逻辑,完成 i18n
  3. 使用 Stylus 写样式,响应式
  4. 优化页面
  5. 创建插件自动优化页面

面向读者:

  1. 网页重构工程师
  2. 想要学习完整网页制作知识
  3. 想充分了解前端工具链
已有128人预订
预订达标
文章出炉
     
06月11日
06月25日
本场 Chat 文章已出炉,购买后即可阅读文章并获得一张Meathill的读者圈Pass
请务必添加GitChat服务号以查看活动进度及获取活动通知。
退款保证:
• 06月13日前,预订人数未达标,您将获得全额退款。
• 作者未按时完成文章,您将获得全额退款。
你可能还喜欢
Docker 快速入门
技术人的突破
如何利用碎片时间,提升自己的职场竞争优势
代码GG陆晓明
Docker 镜像构建原理及源码分析
张晋涛
5G,一场商业噱头 or 一次技术革命?
Edvin
一文掌握 MySQL 索引,秒杀面试官
高爽
大数据常见的 150 道面试题全面解析:2019 版
攻城狮
数据库战争:MySQL VS MongoDB
钱工
DDD 的最短学习路径
文贺
今日头条、腾讯后端开发面经分享(附详细问题答案)
天澄
一篇文章讲明白 Elasticsearch 原理以及相关知识点
kerry
微服务开发的经验与教训
ningerbao
基于 RabbitMQ 的消息平台入门与实战
知了
无需服务器构建属于自己的博客站
Way
WebApp 安全入门
葡萄城技术团队
如何利用 Redis 实现一个分布式“限速器”
wang新dong
微信扫描登录
关注提示×
扫码关注公众号,获得 Chat 最新进展通知!
添加小助手微信×